diff --git a/.eslintrc.json b/.eslintrc.json
index 10b89fb05..93807e75b 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -9,7 +9,8 @@
"extends": ["eslint-config-postcss", "prettier"],
"plugins": ["prettier"],
"rules": {
- "no-unused-vars": [2, {"args": "all", "argsIgnorePattern": "^_"}],
+ "no-unused-vars": [2, { "args": "all", "argsIgnorePattern": "^_" }],
+ "no-warning-comments": 0,
"prettier/prettier": [
"error",
{
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index e1d41f089..704597620 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -19,7 +19,7 @@ npm run style
To automatically fix any style violations in your code, you can run:
```sh
-npm run style --fix
+npm run style -- --fix
```
## Running tests
@@ -43,19 +43,19 @@ npm run prepare
This will create new CSS files in the `/dist` folder which you can reference in your own test HTML file. We often test our own changes by creating an `index.html` file in the root of the Tailwind project itself that pulls in the `/dist/tailwind.css` stylesheet:
```html
-
+
-
-
-
+
+
+
Hello, world!
Hello world!
-````
+```
You can then use a tool like [live-server](https://www.npmjs.com/package/live-server) to preview it in the browser:
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index c55930488..520264c47 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -2,10 +2,12 @@
👋 Hey, thanks for taking an interest in Tailwind!
-Please only open an issue here if you have a bug to report or a feature proposal you'd like to discuss.
+We don't accept issues that don't use our issue template.
-If you need help, have questions about best practices, or want to start a discussion about anything else related to Tailwind, open an issue on the `tailwindcss/discuss` repo instead:
+Please use this link to create your issue:
-https://github.com/tailwindcss/discuss/issues
+https://github.com/tailwindcss/tailwindcss/issues/new/choose
+
+Issues that don't follow our issue template will be closed, as it's just impossible to triage and resolve issues without some sort of system with the small team we have.
-->
diff --git a/.github/ISSUE_TEMPLATE/bug-report.md b/.github/ISSUE_TEMPLATE/bug-report.md
new file mode 100644
index 000000000..a9447fb68
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-report.md
@@ -0,0 +1,25 @@
+---
+name: 'Bug Report'
+about: 'Report a reproducible bug in the framework.'
+title: ''
+labels: ''
+assignees: ''
+---
+
+### Describe the problem:
+
+
+
+### Link to a minimal reproduction:
+
+
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 000000000..679240972
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,11 @@
+blank_issues_enabled: false
+contact_links:
+ - name: Feature Request
+ url: https://github.com/tailwindcss/tailwindcss/discussions/new?category_id=65335
+ about: 'Suggest any ideas you have using our discussion forums.'
+ - name: Help
+ url: https://github.com/tailwindcss/tailwindcss/discussions/new?category_id=65334
+ about: 'If you have a question or need help, ask a question on the discussion forums.'
+ - name: Documentation Issue
+ url: https://github.com/tailwindcss/docs
+ about: 'For documentation issues, suggest changes on our documentation repository.'
diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml
index 3045f4c45..3806157cb 100644
--- a/.github/workflows/nodejs.yml
+++ b/.github/workflows/nodejs.yml
@@ -5,27 +5,26 @@ name: Node.js CI
on:
push:
- branches: [ master ]
+ branches: [master]
pull_request:
- branches: [ master ]
+ branches: [master]
jobs:
build:
-
runs-on: ubuntu-latest
strategy:
matrix:
- node-version: [10.x, 12.x]
+ node-version: [8.x, 10.x, 12.x]
steps:
- - uses: actions/checkout@v2
- - name: Use Node.js ${{ matrix.node-version }}
- uses: actions/setup-node@v1
- with:
- node-version: ${{ matrix.node-version }}
- - run: npm install
- - run: npm run prepare
- - run: npm test
- env:
- CI: true
+ - uses: actions/checkout@v2
+ - name: Use Node.js ${{ matrix.node-version }}
+ uses: actions/setup-node@v1
+ with:
+ node-version: ${{ matrix.node-version }}
+ - run: npm install
+ - run: npm run prepare
+ - run: npm test
+ env:
+ CI: true
diff --git a/.npmignore b/.npmignore
deleted file mode 100644
index 45b9ba4ec..000000000
--- a/.npmignore
+++ /dev/null
@@ -1,5 +0,0 @@
-/__tests__/
-/jest/
-/src/
-index.html
-yarn-error.log
diff --git a/README.md b/README.md
index d6dff80ba..d3d85ac45 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,11 @@
-
-
+
+
+
+
A utility-first CSS framework for rapidly building custom user interfaces.
-
+
@@ -20,7 +22,7 @@ For full documentation, visit [tailwindcss.com](https://tailwindcss.com/).
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
-[Discuss Tailwind CSS on GitHub](https://github.com/tailwindcss/discuss/issues?q=is%3Aissue+sort%3Aupdated-desc)
+[Discuss Tailwind CSS on GitHub](https://github.com/tailwindcss/tailwindcss/discussions)
For casual chit-chat with others using the framework:
diff --git a/__tests__/cli.test.js b/__tests__/cli.test.js
index e8b937230..d1c7149b4 100644
--- a/__tests__/cli.test.js
+++ b/__tests__/cli.test.js
@@ -43,12 +43,20 @@ describe('cli', () => {
})
describe('build', () => {
- it('compiles CSS file', () => {
+ it('compiles CSS file using an input css file', () => {
return cli(['build', inputCssPath]).then(() => {
expect(process.stdout.write.mock.calls[0][0]).toContain('.example')
})
})
+ it('compiles CSS file without an input css file', () => {
+ return cli(['build']).then(() => {
+ expect(process.stdout.write.mock.calls[0][0]).toContain('normalize.css') // base
+ expect(process.stdout.write.mock.calls[0][0]).toContain('.container') // components
+ expect(process.stdout.write.mock.calls[0][0]).toContain('.mx-auto') // utilities
+ })
+ })
+
it('compiles CSS file using custom configuration', () => {
return cli(['build', inputCssPath, '--config', customConfigPath]).then(() => {
expect(process.stdout.write.mock.calls[0][0]).toContain('400px')
diff --git a/__tests__/containerPlugin.test.js b/__tests__/containerPlugin.test.js
index c779b813f..68d0486bb 100644
--- a/__tests__/containerPlugin.test.js
+++ b/__tests__/containerPlugin.test.js
@@ -21,27 +21,31 @@ function config(overrides) {
})
}
-test.only('options are not required', () => {
+test('options are not required', () => {
const { components } = processPlugins([container()], config())
expect(css(components)).toMatchCss(`
- .container { width: 100% }
- @media (min-width: 576px) {
- .container { max-width: 576px }
- }
- @media (min-width: 768px) {
- .container { max-width: 768px }
- }
- @media (min-width: 992px) {
- .container { max-width: 992px }
- }
- @media (min-width: 1200px) {
- .container { max-width: 1200px }
+ @layer components {
+ @variants {
+ .container { width: 100% }
+ @media (min-width: 576px) {
+ .container { max-width: 576px }
+ }
+ @media (min-width: 768px) {
+ .container { max-width: 768px }
+ }
+ @media (min-width: 992px) {
+ .container { max-width: 992px }
+ }
+ @media (min-width: 1200px) {
+ .container { max-width: 1200px }
+ }
+ }
}
`)
})
-test.only('screens can be passed explicitly', () => {
+test('screens can be passed explicitly', () => {
const { components } = processPlugins(
[container()],
config({
@@ -54,17 +58,21 @@ test.only('screens can be passed explicitly', () => {
)
expect(css(components)).toMatchCss(`
- .container { width: 100% }
- @media (min-width: 400px) {
- .container { max-width: 400px }
- }
- @media (min-width: 500px) {
- .container { max-width: 500px }
+ @layer components {
+ @variants {
+ .container { width: 100% }
+ @media (min-width: 400px) {
+ .container { max-width: 400px }
+ }
+ @media (min-width: 500px) {
+ .container { max-width: 500px }
+ }
+ }
}
`)
})
-test.only('screens are ordered ascending by min-width', () => {
+test('screens are ordered ascending by min-width', () => {
const { components } = processPlugins(
[container()],
config({
@@ -77,17 +85,21 @@ test.only('screens are ordered ascending by min-width', () => {
)
expect(css(components)).toMatchCss(`
- .container { width: 100% }
- @media (min-width: 400px) {
- .container { max-width: 400px }
- }
- @media (min-width: 500px) {
- .container { max-width: 500px }
+ @layer components {
+ @variants {
+ .container { width: 100% }
+ @media (min-width: 400px) {
+ .container { max-width: 400px }
+ }
+ @media (min-width: 500px) {
+ .container { max-width: 500px }
+ }
+ }
}
`)
})
-test.only('screens are deduplicated by min-width', () => {
+test('screens are deduplicated by min-width', () => {
const { components } = processPlugins(
[container()],
config({
@@ -104,17 +116,21 @@ test.only('screens are deduplicated by min-width', () => {
)
expect(css(components)).toMatchCss(`
- .container { width: 100% }
- @media (min-width: 576px) {
- .container { max-width: 576px }
- }
- @media (min-width: 768px) {
- .container { max-width: 768px }
+ @layer components {
+ @variants {
+ .container { width: 100% }
+ @media (min-width: 576px) {
+ .container { max-width: 576px }
+ }
+ @media (min-width: 768px) {
+ .container { max-width: 768px }
+ }
+ }
}
`)
})
-test.only('the container can be centered by default', () => {
+test('the container can be centered by default', () => {
const { components } = processPlugins(
[container()],
config({
@@ -127,27 +143,31 @@ test.only('the container can be centered by default', () => {
)
expect(css(components)).toMatchCss(`
- .container {
- width: 100%;
- margin-right: auto;
- margin-left: auto
- }
- @media (min-width: 576px) {
- .container { max-width: 576px }
- }
- @media (min-width: 768px) {
- .container { max-width: 768px }
- }
- @media (min-width: 992px) {
- .container { max-width: 992px }
- }
- @media (min-width: 1200px) {
- .container { max-width: 1200px }
+ @layer components {
+ @variants {
+ .container {
+ width: 100%;
+ margin-right: auto;
+ margin-left: auto
+ }
+ @media (min-width: 576px) {
+ .container { max-width: 576px }
+ }
+ @media (min-width: 768px) {
+ .container { max-width: 768px }
+ }
+ @media (min-width: 992px) {
+ .container { max-width: 992px }
+ }
+ @media (min-width: 1200px) {
+ .container { max-width: 1200px }
+ }
+ }
}
`)
})
-test.only('horizontal padding can be included by default', () => {
+test('horizontal padding can be included by default', () => {
const { components } = processPlugins(
[container()],
config({
@@ -160,27 +180,85 @@ test.only('horizontal padding can be included by default', () => {
)
expect(css(components)).toMatchCss(`
- .container {
- width: 100%;
- padding-right: 2rem;
- padding-left: 2rem
- }
- @media (min-width: 576px) {
- .container { max-width: 576px }
- }
- @media (min-width: 768px) {
- .container { max-width: 768px }
- }
- @media (min-width: 992px) {
- .container { max-width: 992px }
- }
- @media (min-width: 1200px) {
- .container { max-width: 1200px }
+ @layer components {
+ @variants {
+ .container {
+ width: 100%;
+ padding-right: 2rem;
+ padding-left: 2rem
+ }
+ @media (min-width: 576px) {
+ .container { max-width: 576px }
+ }
+ @media (min-width: 768px) {
+ .container { max-width: 768px }
+ }
+ @media (min-width: 992px) {
+ .container { max-width: 992px }
+ }
+ @media (min-width: 1200px) {
+ .container { max-width: 1200px }
+ }
+ }
}
`)
})
-test.only('setting all options at once', () => {
+test('responsive horizontal padding can be included by default', () => {
+ const { components } = processPlugins(
+ [container()],
+ config({
+ theme: {
+ container: {
+ padding: {
+ default: '1rem',
+ sm: '2rem',
+ lg: '4rem',
+ xl: '5rem',
+ },
+ },
+ },
+ })
+ )
+
+ expect(css(components)).toMatchCss(`
+ @layer components {
+ @variants {
+ .container {
+ width: 100%;
+ padding-right: 1rem;
+ padding-left: 1rem
+ }
+ @media (min-width: 576px) {
+ .container {
+ max-width: 576px;
+ padding-right: 2rem;
+ padding-left: 2rem
+ }
+ }
+ @media (min-width: 768px) {
+ .container { max-width: 768px }
+ }
+ @media (min-width: 992px) {
+ .container {
+ max-width: 992px;
+ padding-right: 4rem;
+ padding-left: 4rem
+ }
+ }
+ @media (min-width: 1200px) {
+ .container {
+ max-width: 1200px;
+ padding-right: 5rem;
+ padding-left: 5rem
+ }
+ }
+ }
+ }
+ `)
+})
+
+test('setting all options at once', () => {
const { components } = processPlugins(
[container()],
config({
@@ -195,18 +273,58 @@ test.only('setting all options at once', () => {
)
expect(css(components)).toMatchCss(`
- .container {
- width: 100%;
- margin-right: auto;
- margin-left: auto;
- padding-right: 2rem;
- padding-left: 2rem
- }
- @media (min-width: 400px) {
- .container { max-width: 400px }
- }
- @media (min-width: 500px) {
- .container { max-width: 500px }
+ @layer components {
+ @variants {
+ .container {
+ width: 100%;
+ margin-right: auto;
+ margin-left: auto;
+ padding-right: 2rem;
+ padding-left: 2rem
+ }
+ @media (min-width: 400px) {
+ .container { max-width: 400px }
+ }
+ @media (min-width: 500px) {
+ .container { max-width: 500px }
+ }
+ }
+ }
+ `)
+})
+
+test('container can use variants', () => {
+ const { components } = processPlugins(
+ [container()],
+ config({
+ theme: {
+ container: {
+ screens: ['400px', '500px'],
+ },
+ },
+ variants: {
+ container: ['responsive', 'hover'],
+ },
+ })
+ )
+
+ expect(css(components)).toMatchCss(`
+ @layer components {
+ @variants responsive, hover {
+ .container {
+ width: 100%
+ }
+ @media (min-width: 400px) {
+ .container {
+ max-width: 400px
+ }
+ }
+ @media (min-width: 500px) {
+ .container {
+ max-width: 500px
+ }
+ }
+ }
}
`)
})
diff --git a/__tests__/fixtures/purge-example.html b/__tests__/fixtures/purge-example.html
new file mode 100644
index 000000000..78132ef46
--- /dev/null
+++ b/__tests__/fixtures/purge-example.html
@@ -0,0 +1,39 @@
+
+
+
+ My Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+span.inline-grid.grid-cols-3(class="px-1.5")
+ .col-span-2
+ Hello
+ .col-span-1.text-center
+ World!
+
+
+.flow-root
+ .text-green-700.bg-green-100
+ .text-left= content
+ %samp.font-mono{:data-foo => "bar"}= output
+ .col-span-4[aria-hidden=true]
+ .tracking-tight#headline
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
new file mode 100644
index 000000000..d376b8665
--- /dev/null
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -0,0 +1,73330 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+button {
+ background-color: transparent;
+ background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+ol,
+ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ * sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ * to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+ font-family: 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"; /* 1 */
+ line-height: 1.5; /* 2 */
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ * We used to set this in the html element and inherit from
+ * the parent element for everything else. This caused issues
+ * in shadow-dom-enhanced elements like where the content
+ * is wrapped by a div with box-sizing set to `content-box`.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ * By default, the way the browser specifies that an element should have no
+ * border is by setting it's border-style to `none` in the user-agent
+ * stylesheet.
+ *
+ * In order to easily add borders to elements by just setting the `border-width`
+ * property, we change the default border-style for all elements to `solid`, and
+ * use border-width to hide them instead. This way our `border` utilities only
+ * need to set the `border-width` property instead of the entire `border`
+ * shorthand, making our border utilities much more straightforward to compose.
+ *
+ * https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: #d2d6dc; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+ border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+ border-style: solid;
+}
+
+textarea {
+ resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+ color: #a0aec0;
+}
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ padding: 0;
+ line-height: inherit;
+ color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+.container {
+ width: 100%;
+}
+
+@media (min-width: 640px) {
+ .container {
+ max-width: 640px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ max-width: 768px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .container {
+ max-width: 1024px;
+ }
+}
+
+@media (min-width: 1280px) {
+ .container {
+ max-width: 1280px;
+ }
+}
+
+.space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+}
+
+.space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+}
+
+.space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+}
+
+.space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+}
+
+.space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+}
+
+.space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+}
+
+.space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+}
+
+.space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+}
+
+.space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+}
+
+.space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+}
+
+.space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+}
+
+.space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+}
+
+.space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+}
+
+.space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+}
+
+.space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+}
+
+.space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+}
+
+.space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+}
+
+.space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+}
+
+.space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+}
+
+.space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+}
+
+.-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+}
+
+.-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+}
+
+.-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+}
+
+.-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+}
+
+.-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+}
+
+.-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+}
+
+.-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+}
+
+.-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+}
+
+.-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+}
+
+.-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+}
+
+.-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+}
+
+.-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+}
+
+.-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+}
+
+.-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+}
+
+.-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+}
+
+.-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+}
+
+.-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+}
+
+.-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+}
+
+.space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+}
+
+.divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+}
+
+.divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+}
+
+.divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+}
+
+.divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+}
+
+.divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+}
+
+.divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+}
+
+.divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+}
+
+.divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+}
+
+.divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+}
+
+.divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+}
+
+.divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+}
+
+.divide-gray-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--divide-opacity));
+}
+
+.divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--divide-opacity));
+}
+
+.divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--divide-opacity));
+}
+
+.divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--divide-opacity));
+}
+
+.divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--divide-opacity));
+}
+
+.divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--divide-opacity));
+}
+
+.divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--divide-opacity));
+}
+
+.divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--divide-opacity));
+}
+
+.divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--divide-opacity));
+}
+
+.divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--divide-opacity));
+}
+
+.divide-red-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--divide-opacity));
+}
+
+.divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--divide-opacity));
+}
+
+.divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--divide-opacity));
+}
+
+.divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--divide-opacity));
+}
+
+.divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--divide-opacity));
+}
+
+.divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--divide-opacity));
+}
+
+.divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--divide-opacity));
+}
+
+.divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--divide-opacity));
+}
+
+.divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--divide-opacity));
+}
+
+.divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--divide-opacity));
+}
+
+.divide-orange-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--divide-opacity));
+}
+
+.divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--divide-opacity));
+}
+
+.divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--divide-opacity));
+}
+
+.divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--divide-opacity));
+}
+
+.divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--divide-opacity));
+}
+
+.divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--divide-opacity));
+}
+
+.divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--divide-opacity));
+}
+
+.divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--divide-opacity));
+}
+
+.divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--divide-opacity));
+}
+
+.divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--divide-opacity));
+}
+
+.divide-yellow-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--divide-opacity));
+}
+
+.divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--divide-opacity));
+}
+
+.divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--divide-opacity));
+}
+
+.divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--divide-opacity));
+}
+
+.divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--divide-opacity));
+}
+
+.divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--divide-opacity));
+}
+
+.divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--divide-opacity));
+}
+
+.divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--divide-opacity));
+}
+
+.divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--divide-opacity));
+}
+
+.divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--divide-opacity));
+}
+
+.divide-green-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--divide-opacity));
+}
+
+.divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--divide-opacity));
+}
+
+.divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--divide-opacity));
+}
+
+.divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--divide-opacity));
+}
+
+.divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--divide-opacity));
+}
+
+.divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--divide-opacity));
+}
+
+.divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--divide-opacity));
+}
+
+.divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--divide-opacity));
+}
+
+.divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--divide-opacity));
+}
+
+.divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--divide-opacity));
+}
+
+.divide-teal-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--divide-opacity));
+}
+
+.divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--divide-opacity));
+}
+
+.divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--divide-opacity));
+}
+
+.divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--divide-opacity));
+}
+
+.divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--divide-opacity));
+}
+
+.divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--divide-opacity));
+}
+
+.divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--divide-opacity));
+}
+
+.divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--divide-opacity));
+}
+
+.divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--divide-opacity));
+}
+
+.divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--divide-opacity));
+}
+
+.divide-blue-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--divide-opacity));
+}
+
+.divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--divide-opacity));
+}
+
+.divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--divide-opacity));
+}
+
+.divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--divide-opacity));
+}
+
+.divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--divide-opacity));
+}
+
+.divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--divide-opacity));
+}
+
+.divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--divide-opacity));
+}
+
+.divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--divide-opacity));
+}
+
+.divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--divide-opacity));
+}
+
+.divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--divide-opacity));
+}
+
+.divide-indigo-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--divide-opacity));
+}
+
+.divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--divide-opacity));
+}
+
+.divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--divide-opacity));
+}
+
+.divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--divide-opacity));
+}
+
+.divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--divide-opacity));
+}
+
+.divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--divide-opacity));
+}
+
+.divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--divide-opacity));
+}
+
+.divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--divide-opacity));
+}
+
+.divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--divide-opacity));
+}
+
+.divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--divide-opacity));
+}
+
+.divide-purple-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--divide-opacity));
+}
+
+.divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--divide-opacity));
+}
+
+.divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--divide-opacity));
+}
+
+.divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--divide-opacity));
+}
+
+.divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--divide-opacity));
+}
+
+.divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--divide-opacity));
+}
+
+.divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--divide-opacity));
+}
+
+.divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--divide-opacity));
+}
+
+.divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--divide-opacity));
+}
+
+.divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--divide-opacity));
+}
+
+.divide-pink-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--divide-opacity));
+}
+
+.divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--divide-opacity));
+}
+
+.divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--divide-opacity));
+}
+
+.divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--divide-opacity));
+}
+
+.divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--divide-opacity));
+}
+
+.divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--divide-opacity));
+}
+
+.divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--divide-opacity));
+}
+
+.divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--divide-opacity));
+}
+
+.divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--divide-opacity));
+}
+
+.divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--divide-opacity));
+}
+
+.divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+}
+
+.divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+}
+
+.divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+}
+
+.divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+}
+
+.divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+}
+
+.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;
+}
+
+.not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.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;
+}
+
+.focus\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.appearance-none {
+ appearance: none;
+}
+
+.bg-fixed {
+ background-attachment: fixed;
+}
+
+.bg-local {
+ background-attachment: local;
+}
+
+.bg-scroll {
+ background-attachment: scroll;
+}
+
+.bg-transparent {
+ background-color: transparent;
+}
+
+.bg-current {
+ background-color: currentColor;
+}
+
+.bg-black {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.bg-white {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.bg-gray-50 {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.bg-gray-100 {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.bg-gray-200 {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.bg-gray-300 {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.bg-gray-400 {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.bg-gray-500 {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.bg-gray-600 {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.bg-gray-700 {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.bg-gray-800 {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.bg-gray-900 {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.bg-red-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.bg-red-100 {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.bg-red-200 {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.bg-red-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.bg-red-400 {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.bg-red-500 {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.bg-red-600 {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.bg-red-700 {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.bg-red-800 {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.bg-red-900 {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.bg-orange-50 {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.bg-orange-100 {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.bg-orange-200 {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.bg-orange-300 {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.bg-orange-400 {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.bg-orange-500 {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.bg-orange-600 {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.bg-orange-700 {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.bg-orange-800 {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.bg-orange-900 {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+}
+
+.bg-yellow-50 {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.bg-yellow-100 {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.bg-yellow-200 {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.bg-yellow-300 {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.bg-yellow-400 {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.bg-yellow-500 {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.bg-yellow-600 {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.bg-yellow-700 {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.bg-yellow-800 {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.bg-yellow-900 {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.bg-green-50 {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.bg-green-100 {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.bg-green-200 {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.bg-green-300 {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.bg-green-400 {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.bg-green-500 {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.bg-green-600 {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.bg-green-700 {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.bg-green-800 {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.bg-green-900 {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.bg-teal-50 {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.bg-teal-100 {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.bg-teal-200 {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.bg-teal-300 {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.bg-teal-400 {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.bg-teal-500 {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.bg-teal-600 {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.bg-teal-700 {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.bg-teal-800 {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.bg-teal-900 {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.bg-blue-50 {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.bg-blue-100 {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.bg-blue-200 {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.bg-blue-300 {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.bg-blue-400 {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.bg-blue-500 {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.bg-blue-600 {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.bg-blue-700 {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.bg-blue-800 {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.bg-blue-900 {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.bg-indigo-50 {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.bg-indigo-100 {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.bg-indigo-200 {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.bg-indigo-300 {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.bg-indigo-400 {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.bg-indigo-500 {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.bg-indigo-600 {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.bg-indigo-700 {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.bg-indigo-800 {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.bg-indigo-900 {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.bg-purple-50 {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.bg-purple-100 {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.bg-purple-200 {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.bg-purple-300 {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.bg-purple-400 {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.bg-purple-500 {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.bg-purple-600 {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.bg-purple-700 {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.bg-purple-800 {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.bg-purple-900 {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.bg-pink-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.bg-pink-100 {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.bg-pink-200 {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.bg-pink-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.bg-pink-400 {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.bg-pink-500 {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.bg-pink-600 {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.bg-pink-700 {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.bg-pink-800 {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.bg-pink-900 {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.hover\:bg-transparent:hover {
+ background-color: transparent;
+}
+
+.hover\:bg-current:hover {
+ background-color: currentColor;
+}
+
+.hover\:bg-black:hover {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.hover\:bg-white:hover {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.hover\:bg-gray-50:hover {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.hover\:bg-red-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.hover\:bg-red-100:hover {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.hover\:bg-red-200:hover {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.hover\:bg-red-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.hover\:bg-red-400:hover {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.hover\:bg-red-500:hover {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.hover\:bg-red-600:hover {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.hover\:bg-red-700:hover {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.hover\:bg-red-800:hover {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.hover\:bg-red-900:hover {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.hover\:bg-orange-50:hover {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.hover\:bg-green-50:hover {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.hover\:bg-green-100:hover {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.hover\:bg-green-200:hover {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.hover\:bg-green-300:hover {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.hover\:bg-green-400:hover {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.hover\:bg-green-500:hover {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.hover\:bg-green-600:hover {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.hover\:bg-green-700:hover {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.hover\:bg-green-800:hover {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.hover\:bg-green-900:hover {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.hover\:bg-teal-50:hover {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.hover\:bg-blue-50:hover {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-50:hover {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.hover\:bg-purple-50:hover {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.hover\:bg-pink-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.focus\:bg-transparent:focus {
+ background-color: transparent;
+}
+
+.focus\:bg-current:focus {
+ background-color: currentColor;
+}
+
+.focus\:bg-black:focus {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+}
+
+.focus\:bg-white:focus {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.focus\:bg-gray-50:focus {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+}
+
+.focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+}
+
+.focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+}
+
+.focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+}
+
+.focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+}
+
+.focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+}
+
+.focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+}
+
+.focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+}
+
+.focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+}
+
+.focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+}
+
+.focus\:bg-red-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+}
+
+.focus\:bg-red-100:focus {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+}
+
+.focus\:bg-red-200:focus {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+}
+
+.focus\:bg-red-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+}
+
+.focus\:bg-red-400:focus {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+}
+
+.focus\:bg-red-500:focus {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+}
+
+.focus\:bg-red-600:focus {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+}
+
+.focus\:bg-red-700:focus {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+}
+
+.focus\:bg-red-800:focus {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+}
+
+.focus\:bg-red-900:focus {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+}
+
+.focus\:bg-orange-50:focus {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+}
+
+.focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+}
+
+.focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+}
+
+.focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+}
+
+.focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+}
+
+.focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+}
+
+.focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+}
+
+.focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+}
+
+.focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+}
+
+.focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+}
+
+.focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+}
+
+.focus\:bg-green-50:focus {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+}
+
+.focus\:bg-green-100:focus {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+}
+
+.focus\:bg-green-200:focus {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+}
+
+.focus\:bg-green-300:focus {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+}
+
+.focus\:bg-green-400:focus {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+}
+
+.focus\:bg-green-500:focus {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+}
+
+.focus\:bg-green-600:focus {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+}
+
+.focus\:bg-green-700:focus {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+}
+
+.focus\:bg-green-800:focus {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+}
+
+.focus\:bg-green-900:focus {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+}
+
+.focus\:bg-teal-50:focus {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+}
+
+.focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+}
+
+.focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+}
+
+.focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+}
+
+.focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+}
+
+.focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+}
+
+.focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+}
+
+.focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+}
+
+.focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+}
+
+.focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+}
+
+.focus\:bg-blue-50:focus {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+}
+
+.focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+}
+
+.focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+}
+
+.focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+}
+
+.focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+}
+
+.focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+}
+
+.focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+}
+
+.focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+}
+
+.focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+}
+
+.focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-50:focus {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+}
+
+.focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+}
+
+.focus\:bg-purple-50:focus {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+}
+
+.focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+}
+
+.focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+}
+
+.focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+}
+
+.focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+}
+
+.focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+}
+
+.focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+}
+
+.focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+}
+
+.focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+}
+
+.focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+}
+
+.focus\:bg-pink-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+}
+
+.focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+}
+
+.focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+}
+
+.focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+}
+
+.focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+}
+
+.focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+}
+
+.focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+}
+
+.focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+}
+
+.focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+}
+
+.focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+}
+
+.bg-opacity-0 {
+ --bg-opacity: 0;
+}
+
+.bg-opacity-25 {
+ --bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --bg-opacity: 1;
+}
+
+.hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+}
+
+.hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+}
+
+.hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+}
+
+.hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+}
+
+.hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+}
+
+.focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+}
+
+.focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+}
+
+.focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+}
+
+.focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+}
+
+.focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
+}
+
+.bg-bottom {
+ background-position: bottom;
+}
+
+.bg-center {
+ background-position: center;
+}
+
+.bg-left {
+ background-position: left;
+}
+
+.bg-left-bottom {
+ background-position: left bottom;
+}
+
+.bg-left-top {
+ background-position: left top;
+}
+
+.bg-right {
+ background-position: right;
+}
+
+.bg-right-bottom {
+ background-position: right bottom;
+}
+
+.bg-right-top {
+ background-position: right top;
+}
+
+.bg-top {
+ background-position: top;
+}
+
+.bg-repeat {
+ background-repeat: repeat;
+}
+
+.bg-no-repeat {
+ background-repeat: no-repeat;
+}
+
+.bg-repeat-x {
+ background-repeat: repeat-x;
+}
+
+.bg-repeat-y {
+ background-repeat: repeat-y;
+}
+
+.bg-repeat-round {
+ background-repeat: round;
+}
+
+.bg-repeat-space {
+ background-repeat: space;
+}
+
+.bg-auto {
+ background-size: auto;
+}
+
+.bg-cover {
+ background-size: cover;
+}
+
+.bg-contain {
+ background-size: contain;
+}
+
+.border-collapse {
+ border-collapse: collapse;
+}
+
+.border-separate {
+ border-collapse: separate;
+}
+
+.border-transparent {
+ border-color: transparent;
+}
+
+.border-current {
+ border-color: currentColor;
+}
+
+.border-black {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.border-white {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.border-gray-50 {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.border-gray-100 {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.border-gray-200 {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.border-gray-300 {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.border-gray-400 {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.border-gray-500 {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.border-gray-600 {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.border-gray-700 {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.border-gray-800 {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.border-gray-900 {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.border-red-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.border-red-100 {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.border-red-200 {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.border-red-300 {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.border-red-400 {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.border-red-500 {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.border-red-600 {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.border-red-700 {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.border-red-800 {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.border-red-900 {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.border-orange-50 {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.border-orange-100 {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.border-orange-200 {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.border-orange-300 {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.border-orange-400 {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.border-orange-500 {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.border-orange-600 {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.border-orange-700 {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.border-orange-800 {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.border-orange-900 {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+}
+
+.border-yellow-50 {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.border-yellow-100 {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.border-yellow-200 {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.border-yellow-300 {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.border-yellow-400 {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.border-yellow-500 {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.border-yellow-600 {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.border-yellow-700 {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.border-yellow-800 {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.border-yellow-900 {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.border-green-50 {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.border-green-100 {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.border-green-200 {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.border-green-300 {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.border-green-400 {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.border-green-500 {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.border-green-600 {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.border-green-700 {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.border-green-800 {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.border-green-900 {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.border-teal-50 {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.border-teal-100 {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.border-teal-200 {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.border-teal-300 {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.border-teal-400 {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.border-teal-500 {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.border-teal-600 {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.border-teal-700 {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.border-teal-800 {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.border-teal-900 {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.border-blue-50 {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.border-blue-100 {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.border-blue-200 {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.border-blue-300 {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.border-blue-400 {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.border-blue-500 {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.border-blue-600 {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.border-blue-700 {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.border-blue-800 {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.border-blue-900 {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.border-indigo-50 {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.border-indigo-100 {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.border-indigo-200 {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.border-indigo-300 {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.border-indigo-400 {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.border-indigo-500 {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.border-indigo-600 {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.border-indigo-700 {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.border-indigo-800 {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.border-indigo-900 {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.border-purple-50 {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.border-purple-100 {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.border-purple-200 {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.border-purple-300 {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.border-purple-400 {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.border-purple-500 {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.border-purple-600 {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.border-purple-700 {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.border-purple-800 {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.border-purple-900 {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.border-pink-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.border-pink-100 {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.border-pink-200 {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.border-pink-300 {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.border-pink-400 {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.border-pink-500 {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.border-pink-600 {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.border-pink-700 {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.border-pink-800 {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.border-pink-900 {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.hover\:border-transparent:hover {
+ border-color: transparent;
+}
+
+.hover\:border-current:hover {
+ border-color: currentColor;
+}
+
+.hover\:border-black:hover {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.hover\:border-white:hover {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.hover\:border-gray-50:hover {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.hover\:border-gray-100:hover {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.hover\:border-gray-200:hover {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.hover\:border-gray-300:hover {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.hover\:border-gray-400:hover {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.hover\:border-gray-500:hover {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.hover\:border-gray-600:hover {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.hover\:border-gray-700:hover {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.hover\:border-gray-800:hover {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.hover\:border-gray-900:hover {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.hover\:border-red-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.hover\:border-red-100:hover {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.hover\:border-red-200:hover {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.hover\:border-red-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.hover\:border-red-400:hover {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.hover\:border-red-500:hover {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.hover\:border-red-600:hover {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.hover\:border-red-700:hover {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.hover\:border-red-800:hover {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.hover\:border-red-900:hover {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.hover\:border-orange-50:hover {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.hover\:border-orange-100:hover {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.hover\:border-orange-200:hover {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.hover\:border-orange-300:hover {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.hover\:border-orange-400:hover {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.hover\:border-orange-500:hover {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.hover\:border-orange-600:hover {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.hover\:border-orange-700:hover {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.hover\:border-orange-800:hover {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.hover\:border-orange-900:hover {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+}
+
+.hover\:border-yellow-50:hover {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.hover\:border-yellow-100:hover {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.hover\:border-yellow-200:hover {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.hover\:border-yellow-300:hover {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.hover\:border-yellow-400:hover {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.hover\:border-yellow-500:hover {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.hover\:border-yellow-600:hover {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.hover\:border-yellow-700:hover {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.hover\:border-yellow-800:hover {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.hover\:border-yellow-900:hover {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.hover\:border-green-50:hover {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.hover\:border-green-100:hover {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.hover\:border-green-200:hover {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.hover\:border-green-300:hover {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.hover\:border-green-400:hover {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.hover\:border-green-500:hover {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.hover\:border-green-600:hover {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.hover\:border-green-700:hover {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.hover\:border-green-800:hover {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.hover\:border-green-900:hover {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.hover\:border-teal-50:hover {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.hover\:border-teal-100:hover {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.hover\:border-teal-200:hover {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.hover\:border-teal-300:hover {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.hover\:border-teal-400:hover {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.hover\:border-teal-500:hover {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.hover\:border-teal-600:hover {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.hover\:border-teal-700:hover {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.hover\:border-teal-800:hover {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.hover\:border-teal-900:hover {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.hover\:border-blue-50:hover {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.hover\:border-blue-100:hover {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.hover\:border-blue-200:hover {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.hover\:border-blue-300:hover {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.hover\:border-blue-400:hover {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.hover\:border-blue-500:hover {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.hover\:border-blue-600:hover {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.hover\:border-blue-700:hover {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.hover\:border-blue-800:hover {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.hover\:border-blue-900:hover {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.hover\:border-indigo-50:hover {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.hover\:border-indigo-100:hover {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.hover\:border-indigo-200:hover {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.hover\:border-indigo-300:hover {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.hover\:border-indigo-400:hover {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.hover\:border-indigo-500:hover {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.hover\:border-indigo-600:hover {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.hover\:border-indigo-700:hover {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.hover\:border-indigo-800:hover {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.hover\:border-indigo-900:hover {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.hover\:border-purple-50:hover {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.hover\:border-purple-100:hover {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.hover\:border-purple-200:hover {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.hover\:border-purple-300:hover {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.hover\:border-purple-400:hover {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.hover\:border-purple-500:hover {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.hover\:border-purple-600:hover {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.hover\:border-purple-700:hover {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.hover\:border-purple-800:hover {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.hover\:border-purple-900:hover {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.hover\:border-pink-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.hover\:border-pink-100:hover {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.hover\:border-pink-200:hover {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.hover\:border-pink-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.hover\:border-pink-400:hover {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.hover\:border-pink-500:hover {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.hover\:border-pink-600:hover {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.hover\:border-pink-700:hover {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.hover\:border-pink-800:hover {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.hover\:border-pink-900:hover {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.focus\:border-transparent:focus {
+ border-color: transparent;
+}
+
+.focus\:border-current:focus {
+ border-color: currentColor;
+}
+
+.focus\:border-black:focus {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+}
+
+.focus\:border-white:focus {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+}
+
+.focus\:border-gray-50:focus {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+}
+
+.focus\:border-gray-100:focus {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+}
+
+.focus\:border-gray-200:focus {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+}
+
+.focus\:border-gray-300:focus {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+}
+
+.focus\:border-gray-400:focus {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+}
+
+.focus\:border-gray-500:focus {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+}
+
+.focus\:border-gray-600:focus {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+}
+
+.focus\:border-gray-700:focus {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+}
+
+.focus\:border-gray-800:focus {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+}
+
+.focus\:border-gray-900:focus {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+}
+
+.focus\:border-red-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+}
+
+.focus\:border-red-100:focus {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+}
+
+.focus\:border-red-200:focus {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+}
+
+.focus\:border-red-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+}
+
+.focus\:border-red-400:focus {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+}
+
+.focus\:border-red-500:focus {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+}
+
+.focus\:border-red-600:focus {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+}
+
+.focus\:border-red-700:focus {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+}
+
+.focus\:border-red-800:focus {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+}
+
+.focus\:border-red-900:focus {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+}
+
+.focus\:border-orange-50:focus {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+}
+
+.focus\:border-orange-100:focus {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+}
+
+.focus\:border-orange-200:focus {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+}
+
+.focus\:border-orange-300:focus {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+}
+
+.focus\:border-orange-400:focus {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+}
+
+.focus\:border-orange-500:focus {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+}
+
+.focus\:border-orange-600:focus {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+}
+
+.focus\:border-orange-700:focus {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+}
+
+.focus\:border-orange-800:focus {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+}
+
+.focus\:border-orange-900:focus {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+}
+
+.focus\:border-yellow-50:focus {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+}
+
+.focus\:border-yellow-100:focus {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+}
+
+.focus\:border-yellow-200:focus {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+}
+
+.focus\:border-yellow-300:focus {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+}
+
+.focus\:border-yellow-400:focus {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+}
+
+.focus\:border-yellow-500:focus {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+}
+
+.focus\:border-yellow-600:focus {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+}
+
+.focus\:border-yellow-700:focus {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+}
+
+.focus\:border-yellow-800:focus {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+}
+
+.focus\:border-yellow-900:focus {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+}
+
+.focus\:border-green-50:focus {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+}
+
+.focus\:border-green-100:focus {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+}
+
+.focus\:border-green-200:focus {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+}
+
+.focus\:border-green-300:focus {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+}
+
+.focus\:border-green-400:focus {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+}
+
+.focus\:border-green-500:focus {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+}
+
+.focus\:border-green-600:focus {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+}
+
+.focus\:border-green-700:focus {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+}
+
+.focus\:border-green-800:focus {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+}
+
+.focus\:border-green-900:focus {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+}
+
+.focus\:border-teal-50:focus {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+}
+
+.focus\:border-teal-100:focus {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+}
+
+.focus\:border-teal-200:focus {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+}
+
+.focus\:border-teal-300:focus {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+}
+
+.focus\:border-teal-400:focus {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+}
+
+.focus\:border-teal-500:focus {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+}
+
+.focus\:border-teal-600:focus {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+}
+
+.focus\:border-teal-700:focus {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+}
+
+.focus\:border-teal-800:focus {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+}
+
+.focus\:border-teal-900:focus {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+}
+
+.focus\:border-blue-50:focus {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+}
+
+.focus\:border-blue-100:focus {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+}
+
+.focus\:border-blue-200:focus {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+}
+
+.focus\:border-blue-300:focus {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+}
+
+.focus\:border-blue-400:focus {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+}
+
+.focus\:border-blue-500:focus {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+}
+
+.focus\:border-blue-600:focus {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+}
+
+.focus\:border-blue-700:focus {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+}
+
+.focus\:border-blue-800:focus {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+}
+
+.focus\:border-blue-900:focus {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+}
+
+.focus\:border-indigo-50:focus {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+}
+
+.focus\:border-indigo-100:focus {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+}
+
+.focus\:border-indigo-200:focus {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+}
+
+.focus\:border-indigo-300:focus {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+}
+
+.focus\:border-indigo-400:focus {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+}
+
+.focus\:border-indigo-500:focus {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+}
+
+.focus\:border-indigo-600:focus {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+}
+
+.focus\:border-indigo-700:focus {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+}
+
+.focus\:border-indigo-800:focus {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+}
+
+.focus\:border-indigo-900:focus {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+}
+
+.focus\:border-purple-50:focus {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+}
+
+.focus\:border-purple-100:focus {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+}
+
+.focus\:border-purple-200:focus {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+}
+
+.focus\:border-purple-300:focus {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+}
+
+.focus\:border-purple-400:focus {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+}
+
+.focus\:border-purple-500:focus {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+}
+
+.focus\:border-purple-600:focus {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+}
+
+.focus\:border-purple-700:focus {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+}
+
+.focus\:border-purple-800:focus {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+}
+
+.focus\:border-purple-900:focus {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+}
+
+.focus\:border-pink-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+}
+
+.focus\:border-pink-100:focus {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+}
+
+.focus\:border-pink-200:focus {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+}
+
+.focus\:border-pink-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+}
+
+.focus\:border-pink-400:focus {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+}
+
+.focus\:border-pink-500:focus {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+}
+
+.focus\:border-pink-600:focus {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+}
+
+.focus\:border-pink-700:focus {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+}
+
+.focus\:border-pink-800:focus {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+}
+
+.focus\:border-pink-900:focus {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+}
+
+.border-opacity-0 {
+ --border-opacity: 0;
+}
+
+.border-opacity-25 {
+ --border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --border-opacity: 1;
+}
+
+.hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+}
+
+.hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+}
+
+.hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+}
+
+.hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+}
+
+.hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+}
+
+.focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+}
+
+.focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+}
+
+.focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+}
+
+.focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+}
+
+.focus\:border-opacity-100:focus {
+ --border-opacity: 1;
+}
+
+.rounded-none {
+ border-radius: 0;
+}
+
+.rounded-sm {
+ border-radius: 0.125rem;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.rounded-md {
+ border-radius: 0.375rem;
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.rounded-full {
+ border-radius: 9999px;
+}
+
+.rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+}
+
+.rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+}
+
+.rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+}
+
+.rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+}
+
+.rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.rounded-tl-none {
+ border-top-left-radius: 0;
+}
+
+.rounded-tr-none {
+ border-top-right-radius: 0;
+}
+
+.rounded-br-none {
+ border-bottom-right-radius: 0;
+}
+
+.rounded-bl-none {
+ border-bottom-left-radius: 0;
+}
+
+.rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+}
+
+.rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+}
+
+.rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-tl {
+ border-top-left-radius: 0.25rem;
+}
+
+.rounded-tr {
+ border-top-right-radius: 0.25rem;
+}
+
+.rounded-br {
+ border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+}
+
+.rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+}
+
+.rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+}
+
+.rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-tl-full {
+ border-top-left-radius: 9999px;
+}
+
+.rounded-tr-full {
+ border-top-right-radius: 9999px;
+}
+
+.rounded-br-full {
+ border-bottom-right-radius: 9999px;
+}
+
+.rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+}
+
+.border-solid {
+ border-style: solid;
+}
+
+.border-dashed {
+ border-style: dashed;
+}
+
+.border-dotted {
+ border-style: dotted;
+}
+
+.border-double {
+ border-style: double;
+}
+
+.border-none {
+ border-style: none;
+}
+
+.border-0 {
+ border-width: 0;
+}
+
+.border-2 {
+ border-width: 2px;
+}
+
+.border-4 {
+ border-width: 4px;
+}
+
+.border-8 {
+ border-width: 8px;
+}
+
+.border {
+ border-width: 1px;
+}
+
+.border-t-0 {
+ border-top-width: 0;
+}
+
+.border-r-0 {
+ border-right-width: 0;
+}
+
+.border-b-0 {
+ border-bottom-width: 0;
+}
+
+.border-l-0 {
+ border-left-width: 0;
+}
+
+.border-t-2 {
+ border-top-width: 2px;
+}
+
+.border-r-2 {
+ border-right-width: 2px;
+}
+
+.border-b-2 {
+ border-bottom-width: 2px;
+}
+
+.border-l-2 {
+ border-left-width: 2px;
+}
+
+.border-t-4 {
+ border-top-width: 4px;
+}
+
+.border-r-4 {
+ border-right-width: 4px;
+}
+
+.border-b-4 {
+ border-bottom-width: 4px;
+}
+
+.border-l-4 {
+ border-left-width: 4px;
+}
+
+.border-t-8 {
+ border-top-width: 8px;
+}
+
+.border-r-8 {
+ border-right-width: 8px;
+}
+
+.border-b-8 {
+ border-bottom-width: 8px;
+}
+
+.border-l-8 {
+ border-left-width: 8px;
+}
+
+.border-t {
+ border-top-width: 1px;
+}
+
+.border-r {
+ border-right-width: 1px;
+}
+
+.border-b {
+ border-bottom-width: 1px;
+}
+
+.border-l {
+ border-left-width: 1px;
+}
+
+.box-border {
+ box-sizing: border-box;
+}
+
+.box-content {
+ box-sizing: content-box;
+}
+
+.cursor-auto {
+ cursor: auto;
+}
+
+.cursor-default {
+ cursor: default;
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.cursor-wait {
+ cursor: wait;
+}
+
+.cursor-text {
+ cursor: text;
+}
+
+.cursor-move {
+ cursor: move;
+}
+
+.cursor-not-allowed {
+ cursor: not-allowed;
+}
+
+.block {
+ display: block;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+.inline {
+ display: inline;
+}
+
+.flex {
+ display: flex;
+}
+
+.inline-flex {
+ display: inline-flex;
+}
+
+.table {
+ display: table;
+}
+
+.table-caption {
+ display: table-caption;
+}
+
+.table-cell {
+ display: table-cell;
+}
+
+.table-column {
+ display: table-column;
+}
+
+.table-column-group {
+ display: table-column-group;
+}
+
+.table-footer-group {
+ display: table-footer-group;
+}
+
+.table-header-group {
+ display: table-header-group;
+}
+
+.table-row-group {
+ display: table-row-group;
+}
+
+.table-row {
+ display: table-row;
+}
+
+.flow-root {
+ display: flow-root;
+}
+
+.grid {
+ display: grid;
+}
+
+.inline-grid {
+ display: inline-grid;
+}
+
+.hidden {
+ display: none;
+}
+
+.flex-row {
+ flex-direction: row;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse;
+}
+
+.flex-col {
+ flex-direction: column;
+}
+
+.flex-col-reverse {
+ flex-direction: column-reverse;
+}
+
+.flex-wrap {
+ flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+}
+
+.flex-no-wrap {
+ flex-wrap: nowrap;
+}
+
+.items-start {
+ align-items: flex-start;
+}
+
+.items-end {
+ align-items: flex-end;
+}
+
+.items-center {
+ align-items: center;
+}
+
+.items-baseline {
+ align-items: baseline;
+}
+
+.items-stretch {
+ align-items: stretch;
+}
+
+.self-auto {
+ align-self: auto;
+}
+
+.self-start {
+ align-self: flex-start;
+}
+
+.self-end {
+ align-self: flex-end;
+}
+
+.self-center {
+ align-self: center;
+}
+
+.self-stretch {
+ align-self: stretch;
+}
+
+.justify-start {
+ justify-content: flex-start;
+}
+
+.justify-end {
+ justify-content: flex-end;
+}
+
+.justify-center {
+ justify-content: center;
+}
+
+.justify-between {
+ justify-content: space-between;
+}
+
+.justify-around {
+ justify-content: space-around;
+}
+
+.justify-evenly {
+ justify-content: space-evenly;
+}
+
+.content-center {
+ align-content: center;
+}
+
+.content-start {
+ align-content: flex-start;
+}
+
+.content-end {
+ align-content: flex-end;
+}
+
+.content-between {
+ align-content: space-between;
+}
+
+.content-around {
+ align-content: space-around;
+}
+
+.flex-1 {
+ flex: 1 1 0%;
+}
+
+.flex-auto {
+ flex: 1 1 auto;
+}
+
+.flex-initial {
+ flex: 0 1 auto;
+}
+
+.flex-none {
+ flex: none;
+}
+
+.flex-grow-0 {
+ flex-grow: 0;
+}
+
+.flex-grow {
+ flex-grow: 1;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0;
+}
+
+.flex-shrink {
+ flex-shrink: 1;
+}
+
+.order-1 {
+ order: 1;
+}
+
+.order-2 {
+ order: 2;
+}
+
+.order-3 {
+ order: 3;
+}
+
+.order-4 {
+ order: 4;
+}
+
+.order-5 {
+ order: 5;
+}
+
+.order-6 {
+ order: 6;
+}
+
+.order-7 {
+ order: 7;
+}
+
+.order-8 {
+ order: 8;
+}
+
+.order-9 {
+ order: 9;
+}
+
+.order-10 {
+ order: 10;
+}
+
+.order-11 {
+ order: 11;
+}
+
+.order-12 {
+ order: 12;
+}
+
+.order-first {
+ order: -9999;
+}
+
+.order-last {
+ order: 9999;
+}
+
+.order-none {
+ order: 0;
+}
+
+.float-right {
+ float: right;
+}
+
+.float-left {
+ float: left;
+}
+
+.float-none {
+ float: none;
+}
+
+.clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.clear-left {
+ clear: left;
+}
+
+.clear-right {
+ clear: right;
+}
+
+.clear-both {
+ clear: both;
+}
+
+.clear-none {
+ clear: none;
+}
+
+.font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.font-hairline {
+ font-weight: 100;
+}
+
+.font-thin {
+ 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;
+}
+
+.hover\:font-hairline:hover {
+ font-weight: 100;
+}
+
+.hover\:font-thin:hover {
+ font-weight: 200;
+}
+
+.hover\:font-light:hover {
+ font-weight: 300;
+}
+
+.hover\:font-normal:hover {
+ font-weight: 400;
+}
+
+.hover\:font-medium:hover {
+ font-weight: 500;
+}
+
+.hover\:font-semibold:hover {
+ font-weight: 600;
+}
+
+.hover\:font-bold:hover {
+ font-weight: 700;
+}
+
+.hover\:font-extrabold:hover {
+ font-weight: 800;
+}
+
+.hover\:font-black:hover {
+ font-weight: 900;
+}
+
+.focus\:font-hairline:focus {
+ font-weight: 100;
+}
+
+.focus\:font-thin:focus {
+ font-weight: 200;
+}
+
+.focus\:font-light:focus {
+ font-weight: 300;
+}
+
+.focus\:font-normal:focus {
+ font-weight: 400;
+}
+
+.focus\:font-medium:focus {
+ font-weight: 500;
+}
+
+.focus\:font-semibold:focus {
+ font-weight: 600;
+}
+
+.focus\:font-bold:focus {
+ font-weight: 700;
+}
+
+.focus\:font-extrabold:focus {
+ font-weight: 800;
+}
+
+.focus\:font-black:focus {
+ font-weight: 900;
+}
+
+.h-0 {
+ height: 0;
+}
+
+.h-1 {
+ height: 0.25rem;
+}
+
+.h-2 {
+ height: 0.5rem;
+}
+
+.h-3 {
+ height: 0.75rem;
+}
+
+.h-4 {
+ height: 1rem;
+}
+
+.h-5 {
+ height: 1.25rem;
+}
+
+.h-6 {
+ height: 1.5rem;
+}
+
+.h-8 {
+ height: 2rem;
+}
+
+.h-10 {
+ height: 2.5rem;
+}
+
+.h-12 {
+ height: 3rem;
+}
+
+.h-16 {
+ height: 4rem;
+}
+
+.h-20 {
+ height: 5rem;
+}
+
+.h-24 {
+ height: 6rem;
+}
+
+.h-32 {
+ height: 8rem;
+}
+
+.h-40 {
+ height: 10rem;
+}
+
+.h-48 {
+ height: 12rem;
+}
+
+.h-56 {
+ height: 14rem;
+}
+
+.h-64 {
+ height: 16rem;
+}
+
+.h-auto {
+ height: auto;
+}
+
+.h-px {
+ height: 1px;
+}
+
+.h-full {
+ height: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.text-xs {
+ font-size: 0.75rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+}
+
+.text-base {
+ font-size: 1rem;
+}
+
+.text-lg {
+ font-size: 1.125rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+}
+
+.text-5xl {
+ font-size: 3rem;
+}
+
+.text-6xl {
+ font-size: 4rem;
+}
+
+.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;
+}
+
+.list-inside {
+ list-style-position: inside;
+}
+
+.list-outside {
+ list-style-position: outside;
+}
+
+.list-none {
+ list-style-type: none;
+}
+
+.list-disc {
+ list-style-type: disc;
+}
+
+.list-decimal {
+ list-style-type: decimal;
+}
+
+.m-0 {
+ margin: 0;
+}
+
+.m-1 {
+ margin: 0.25rem;
+}
+
+.m-2 {
+ margin: 0.5rem;
+}
+
+.m-3 {
+ margin: 0.75rem;
+}
+
+.m-4 {
+ margin: 1rem;
+}
+
+.m-5 {
+ margin: 1.25rem;
+}
+
+.m-6 {
+ margin: 1.5rem;
+}
+
+.m-8 {
+ margin: 2rem;
+}
+
+.m-10 {
+ margin: 2.5rem;
+}
+
+.m-12 {
+ margin: 3rem;
+}
+
+.m-16 {
+ margin: 4rem;
+}
+
+.m-20 {
+ margin: 5rem;
+}
+
+.m-24 {
+ margin: 6rem;
+}
+
+.m-32 {
+ margin: 8rem;
+}
+
+.m-40 {
+ margin: 10rem;
+}
+
+.m-48 {
+ margin: 12rem;
+}
+
+.m-56 {
+ margin: 14rem;
+}
+
+.m-64 {
+ margin: 16rem;
+}
+
+.m-auto {
+ margin: auto;
+}
+
+.m-px {
+ margin: 1px;
+}
+
+.-m-1 {
+ margin: -0.25rem;
+}
+
+.-m-2 {
+ margin: -0.5rem;
+}
+
+.-m-3 {
+ margin: -0.75rem;
+}
+
+.-m-4 {
+ margin: -1rem;
+}
+
+.-m-5 {
+ margin: -1.25rem;
+}
+
+.-m-6 {
+ margin: -1.5rem;
+}
+
+.-m-8 {
+ margin: -2rem;
+}
+
+.-m-10 {
+ margin: -2.5rem;
+}
+
+.-m-12 {
+ margin: -3rem;
+}
+
+.-m-16 {
+ margin: -4rem;
+}
+
+.-m-20 {
+ margin: -5rem;
+}
+
+.-m-24 {
+ margin: -6rem;
+}
+
+.-m-32 {
+ margin: -8rem;
+}
+
+.-m-40 {
+ margin: -10rem;
+}
+
+.-m-48 {
+ margin: -12rem;
+}
+
+.-m-56 {
+ margin: -14rem;
+}
+
+.-m-64 {
+ margin: -16rem;
+}
+
+.-m-px {
+ margin: -1px;
+}
+
+.my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+
+.mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+
+.my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+}
+
+.my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+}
+
+.my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+}
+
+.mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+}
+
+.my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+}
+
+.my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+}
+
+.my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+}
+
+.mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+}
+
+.my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+}
+
+.mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+}
+
+.my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+}
+
+.mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+}
+
+.my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+}
+
+.mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+}
+
+.my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+}
+
+.mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+}
+
+.my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+}
+
+.mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+}
+
+.my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+}
+
+.mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+}
+
+.my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+}
+
+.mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+}
+
+.my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+}
+
+.mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+}
+
+.my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+}
+
+.mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+}
+
+.my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+}
+
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+.mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+}
+
+.-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+}
+
+.-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+}
+
+.-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+}
+
+.-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+}
+
+.-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+}
+
+.-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+}
+
+.-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+}
+
+.-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+}
+
+.-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+}
+
+.-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+}
+
+.-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+.-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+}
+
+.-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+}
+
+.-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+}
+
+.-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+}
+
+.-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+}
+
+.-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+}
+
+.-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+}
+
+.-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+}
+
+.-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+}
+
+.-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+}
+
+.-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+}
+
+.-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+}
+
+.-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+}
+
+.-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+}
+
+.-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+}
+
+.-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+}
+
+.-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+}
+
+.-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+}
+
+.-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+}
+
+.-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+}
+
+.-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+}
+
+.-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+}
+
+.-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+}
+
+.-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.mt-0 {
+ margin-top: 0;
+}
+
+.mr-0 {
+ margin-right: 0;
+}
+
+.mb-0 {
+ margin-bottom: 0;
+}
+
+.ml-0 {
+ margin-left: 0;
+}
+
+.mt-1 {
+ margin-top: 0.25rem;
+}
+
+.mr-1 {
+ margin-right: 0.25rem;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem;
+}
+
+.ml-1 {
+ margin-left: 0.25rem;
+}
+
+.mt-2 {
+ margin-top: 0.5rem;
+}
+
+.mr-2 {
+ margin-right: 0.5rem;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem;
+}
+
+.ml-2 {
+ margin-left: 0.5rem;
+}
+
+.mt-3 {
+ margin-top: 0.75rem;
+}
+
+.mr-3 {
+ margin-right: 0.75rem;
+}
+
+.mb-3 {
+ margin-bottom: 0.75rem;
+}
+
+.ml-3 {
+ margin-left: 0.75rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mr-4 {
+ margin-right: 1rem;
+}
+
+.mb-4 {
+ margin-bottom: 1rem;
+}
+
+.ml-4 {
+ margin-left: 1rem;
+}
+
+.mt-5 {
+ margin-top: 1.25rem;
+}
+
+.mr-5 {
+ margin-right: 1.25rem;
+}
+
+.mb-5 {
+ margin-bottom: 1.25rem;
+}
+
+.ml-5 {
+ margin-left: 1.25rem;
+}
+
+.mt-6 {
+ margin-top: 1.5rem;
+}
+
+.mr-6 {
+ margin-right: 1.5rem;
+}
+
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+
+.ml-6 {
+ margin-left: 1.5rem;
+}
+
+.mt-8 {
+ margin-top: 2rem;
+}
+
+.mr-8 {
+ margin-right: 2rem;
+}
+
+.mb-8 {
+ margin-bottom: 2rem;
+}
+
+.ml-8 {
+ margin-left: 2rem;
+}
+
+.mt-10 {
+ margin-top: 2.5rem;
+}
+
+.mr-10 {
+ margin-right: 2.5rem;
+}
+
+.mb-10 {
+ margin-bottom: 2.5rem;
+}
+
+.ml-10 {
+ margin-left: 2.5rem;
+}
+
+.mt-12 {
+ margin-top: 3rem;
+}
+
+.mr-12 {
+ margin-right: 3rem;
+}
+
+.mb-12 {
+ margin-bottom: 3rem;
+}
+
+.ml-12 {
+ margin-left: 3rem;
+}
+
+.mt-16 {
+ margin-top: 4rem;
+}
+
+.mr-16 {
+ margin-right: 4rem;
+}
+
+.mb-16 {
+ margin-bottom: 4rem;
+}
+
+.ml-16 {
+ margin-left: 4rem;
+}
+
+.mt-20 {
+ margin-top: 5rem;
+}
+
+.mr-20 {
+ margin-right: 5rem;
+}
+
+.mb-20 {
+ margin-bottom: 5rem;
+}
+
+.ml-20 {
+ margin-left: 5rem;
+}
+
+.mt-24 {
+ margin-top: 6rem;
+}
+
+.mr-24 {
+ margin-right: 6rem;
+}
+
+.mb-24 {
+ margin-bottom: 6rem;
+}
+
+.ml-24 {
+ margin-left: 6rem;
+}
+
+.mt-32 {
+ margin-top: 8rem;
+}
+
+.mr-32 {
+ margin-right: 8rem;
+}
+
+.mb-32 {
+ margin-bottom: 8rem;
+}
+
+.ml-32 {
+ margin-left: 8rem;
+}
+
+.mt-40 {
+ margin-top: 10rem;
+}
+
+.mr-40 {
+ margin-right: 10rem;
+}
+
+.mb-40 {
+ margin-bottom: 10rem;
+}
+
+.ml-40 {
+ margin-left: 10rem;
+}
+
+.mt-48 {
+ margin-top: 12rem;
+}
+
+.mr-48 {
+ margin-right: 12rem;
+}
+
+.mb-48 {
+ margin-bottom: 12rem;
+}
+
+.ml-48 {
+ margin-left: 12rem;
+}
+
+.mt-56 {
+ margin-top: 14rem;
+}
+
+.mr-56 {
+ margin-right: 14rem;
+}
+
+.mb-56 {
+ margin-bottom: 14rem;
+}
+
+.ml-56 {
+ margin-left: 14rem;
+}
+
+.mt-64 {
+ margin-top: 16rem;
+}
+
+.mr-64 {
+ margin-right: 16rem;
+}
+
+.mb-64 {
+ margin-bottom: 16rem;
+}
+
+.ml-64 {
+ margin-left: 16rem;
+}
+
+.mt-auto {
+ margin-top: auto;
+}
+
+.mr-auto {
+ margin-right: auto;
+}
+
+.mb-auto {
+ margin-bottom: auto;
+}
+
+.ml-auto {
+ margin-left: auto;
+}
+
+.mt-px {
+ margin-top: 1px;
+}
+
+.mr-px {
+ margin-right: 1px;
+}
+
+.mb-px {
+ margin-bottom: 1px;
+}
+
+.ml-px {
+ margin-left: 1px;
+}
+
+.-mt-1 {
+ margin-top: -0.25rem;
+}
+
+.-mr-1 {
+ margin-right: -0.25rem;
+}
+
+.-mb-1 {
+ margin-bottom: -0.25rem;
+}
+
+.-ml-1 {
+ margin-left: -0.25rem;
+}
+
+.-mt-2 {
+ margin-top: -0.5rem;
+}
+
+.-mr-2 {
+ margin-right: -0.5rem;
+}
+
+.-mb-2 {
+ margin-bottom: -0.5rem;
+}
+
+.-ml-2 {
+ margin-left: -0.5rem;
+}
+
+.-mt-3 {
+ margin-top: -0.75rem;
+}
+
+.-mr-3 {
+ margin-right: -0.75rem;
+}
+
+.-mb-3 {
+ margin-bottom: -0.75rem;
+}
+
+.-ml-3 {
+ margin-left: -0.75rem;
+}
+
+.-mt-4 {
+ margin-top: -1rem;
+}
+
+.-mr-4 {
+ margin-right: -1rem;
+}
+
+.-mb-4 {
+ margin-bottom: -1rem;
+}
+
+.-ml-4 {
+ margin-left: -1rem;
+}
+
+.-mt-5 {
+ margin-top: -1.25rem;
+}
+
+.-mr-5 {
+ margin-right: -1.25rem;
+}
+
+.-mb-5 {
+ margin-bottom: -1.25rem;
+}
+
+.-ml-5 {
+ margin-left: -1.25rem;
+}
+
+.-mt-6 {
+ margin-top: -1.5rem;
+}
+
+.-mr-6 {
+ margin-right: -1.5rem;
+}
+
+.-mb-6 {
+ margin-bottom: -1.5rem;
+}
+
+.-ml-6 {
+ margin-left: -1.5rem;
+}
+
+.-mt-8 {
+ margin-top: -2rem;
+}
+
+.-mr-8 {
+ margin-right: -2rem;
+}
+
+.-mb-8 {
+ margin-bottom: -2rem;
+}
+
+.-ml-8 {
+ margin-left: -2rem;
+}
+
+.-mt-10 {
+ margin-top: -2.5rem;
+}
+
+.-mr-10 {
+ margin-right: -2.5rem;
+}
+
+.-mb-10 {
+ margin-bottom: -2.5rem;
+}
+
+.-ml-10 {
+ margin-left: -2.5rem;
+}
+
+.-mt-12 {
+ margin-top: -3rem;
+}
+
+.-mr-12 {
+ margin-right: -3rem;
+}
+
+.-mb-12 {
+ margin-bottom: -3rem;
+}
+
+.-ml-12 {
+ margin-left: -3rem;
+}
+
+.-mt-16 {
+ margin-top: -4rem;
+}
+
+.-mr-16 {
+ margin-right: -4rem;
+}
+
+.-mb-16 {
+ margin-bottom: -4rem;
+}
+
+.-ml-16 {
+ margin-left: -4rem;
+}
+
+.-mt-20 {
+ margin-top: -5rem;
+}
+
+.-mr-20 {
+ margin-right: -5rem;
+}
+
+.-mb-20 {
+ margin-bottom: -5rem;
+}
+
+.-ml-20 {
+ margin-left: -5rem;
+}
+
+.-mt-24 {
+ margin-top: -6rem;
+}
+
+.-mr-24 {
+ margin-right: -6rem;
+}
+
+.-mb-24 {
+ margin-bottom: -6rem;
+}
+
+.-ml-24 {
+ margin-left: -6rem;
+}
+
+.-mt-32 {
+ margin-top: -8rem;
+}
+
+.-mr-32 {
+ margin-right: -8rem;
+}
+
+.-mb-32 {
+ margin-bottom: -8rem;
+}
+
+.-ml-32 {
+ margin-left: -8rem;
+}
+
+.-mt-40 {
+ margin-top: -10rem;
+}
+
+.-mr-40 {
+ margin-right: -10rem;
+}
+
+.-mb-40 {
+ margin-bottom: -10rem;
+}
+
+.-ml-40 {
+ margin-left: -10rem;
+}
+
+.-mt-48 {
+ margin-top: -12rem;
+}
+
+.-mr-48 {
+ margin-right: -12rem;
+}
+
+.-mb-48 {
+ margin-bottom: -12rem;
+}
+
+.-ml-48 {
+ margin-left: -12rem;
+}
+
+.-mt-56 {
+ margin-top: -14rem;
+}
+
+.-mr-56 {
+ margin-right: -14rem;
+}
+
+.-mb-56 {
+ margin-bottom: -14rem;
+}
+
+.-ml-56 {
+ margin-left: -14rem;
+}
+
+.-mt-64 {
+ margin-top: -16rem;
+}
+
+.-mr-64 {
+ margin-right: -16rem;
+}
+
+.-mb-64 {
+ margin-bottom: -16rem;
+}
+
+.-ml-64 {
+ margin-left: -16rem;
+}
+
+.-mt-px {
+ margin-top: -1px;
+}
+
+.-mr-px {
+ margin-right: -1px;
+}
+
+.-mb-px {
+ margin-bottom: -1px;
+}
+
+.-ml-px {
+ margin-left: -1px;
+}
+
+.max-h-full {
+ max-height: 100%;
+}
+
+.max-h-screen {
+ max-height: 100vh;
+}
+
+.max-w-none {
+ max-width: none;
+}
+
+.max-w-xs {
+ max-width: 20rem;
+}
+
+.max-w-sm {
+ max-width: 24rem;
+}
+
+.max-w-md {
+ max-width: 28rem;
+}
+
+.max-w-lg {
+ max-width: 32rem;
+}
+
+.max-w-xl {
+ max-width: 36rem;
+}
+
+.max-w-2xl {
+ max-width: 42rem;
+}
+
+.max-w-3xl {
+ max-width: 48rem;
+}
+
+.max-w-4xl {
+ max-width: 56rem;
+}
+
+.max-w-5xl {
+ max-width: 64rem;
+}
+
+.max-w-6xl {
+ max-width: 72rem;
+}
+
+.max-w-full {
+ max-width: 100%;
+}
+
+.max-w-screen-sm {
+ max-width: 640px;
+}
+
+.max-w-screen-md {
+ max-width: 768px;
+}
+
+.max-w-screen-lg {
+ max-width: 1024px;
+}
+
+.max-w-screen-xl {
+ max-width: 1280px;
+}
+
+.min-h-0 {
+ min-height: 0;
+}
+
+.min-h-full {
+ min-height: 100%;
+}
+
+.min-h-screen {
+ min-height: 100vh;
+}
+
+.min-w-0 {
+ min-width: 0;
+}
+
+.min-w-full {
+ min-width: 100%;
+}
+
+.object-contain {
+ object-fit: contain;
+}
+
+.object-cover {
+ object-fit: cover;
+}
+
+.object-fill {
+ object-fit: fill;
+}
+
+.object-none {
+ object-fit: none;
+}
+
+.object-scale-down {
+ object-fit: scale-down;
+}
+
+.object-bottom {
+ object-position: bottom;
+}
+
+.object-center {
+ object-position: center;
+}
+
+.object-left {
+ object-position: left;
+}
+
+.object-left-bottom {
+ object-position: left bottom;
+}
+
+.object-left-top {
+ object-position: left top;
+}
+
+.object-right {
+ object-position: right;
+}
+
+.object-right-bottom {
+ object-position: right bottom;
+}
+
+.object-right-top {
+ object-position: right top;
+}
+
+.object-top {
+ object-position: top;
+}
+
+.opacity-0 {
+ opacity: 0;
+}
+
+.opacity-25 {
+ opacity: 0.25;
+}
+
+.opacity-50 {
+ opacity: 0.5;
+}
+
+.opacity-75 {
+ opacity: 0.75;
+}
+
+.opacity-100 {
+ opacity: 1;
+}
+
+.hover\:opacity-0:hover {
+ opacity: 0;
+}
+
+.hover\:opacity-25:hover {
+ opacity: 0.25;
+}
+
+.hover\:opacity-50:hover {
+ opacity: 0.5;
+}
+
+.hover\:opacity-75:hover {
+ opacity: 0.75;
+}
+
+.hover\:opacity-100:hover {
+ opacity: 1;
+}
+
+.focus\:opacity-0:focus {
+ opacity: 0;
+}
+
+.focus\:opacity-25:focus {
+ opacity: 0.25;
+}
+
+.focus\:opacity-50:focus {
+ opacity: 0.5;
+}
+
+.focus\:opacity-75:focus {
+ opacity: 0.75;
+}
+
+.focus\:opacity-100:focus {
+ opacity: 1;
+}
+
+.outline-none {
+ outline: 0;
+}
+
+.focus\:outline-none:focus {
+ outline: 0;
+}
+
+.overflow-auto {
+ overflow: auto;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-visible {
+ overflow: visible;
+}
+
+.overflow-scroll {
+ overflow: scroll;
+}
+
+.overflow-x-auto {
+ overflow-x: auto;
+}
+
+.overflow-y-auto {
+ overflow-y: auto;
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden;
+}
+
+.overflow-x-visible {
+ overflow-x: visible;
+}
+
+.overflow-y-visible {
+ overflow-y: visible;
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll;
+}
+
+.scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+}
+
+.overscroll-auto {
+ overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+ overscroll-behavior: contain;
+}
+
+.overscroll-none {
+ overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+ overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+ overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+ overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+ overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+ overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+ overscroll-behavior-x: none;
+}
+
+.p-0 {
+ padding: 0;
+}
+
+.p-1 {
+ padding: 0.25rem;
+}
+
+.p-2 {
+ padding: 0.5rem;
+}
+
+.p-3 {
+ padding: 0.75rem;
+}
+
+.p-4 {
+ padding: 1rem;
+}
+
+.p-5 {
+ padding: 1.25rem;
+}
+
+.p-6 {
+ padding: 1.5rem;
+}
+
+.p-8 {
+ padding: 2rem;
+}
+
+.p-10 {
+ padding: 2.5rem;
+}
+
+.p-12 {
+ padding: 3rem;
+}
+
+.p-16 {
+ padding: 4rem;
+}
+
+.p-20 {
+ padding: 5rem;
+}
+
+.p-24 {
+ padding: 6rem;
+}
+
+.p-32 {
+ padding: 8rem;
+}
+
+.p-40 {
+ padding: 10rem;
+}
+
+.p-48 {
+ padding: 12rem;
+}
+
+.p-56 {
+ padding: 14rem;
+}
+
+.p-64 {
+ padding: 16rem;
+}
+
+.p-px {
+ padding: 1px;
+}
+
+.py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.px-0 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+
+.px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+
+.py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+.px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+}
+
+.px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
+
+.px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+
+.py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+}
+
+.px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+}
+
+.py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+
+.px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+}
+
+.py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+}
+
+.px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+}
+
+.py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+}
+
+.px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+}
+
+.py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+}
+
+.px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+}
+
+.py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+}
+
+.px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+}
+
+.py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+}
+
+.px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+}
+
+.py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+}
+
+.px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+}
+
+.py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+}
+
+.px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+}
+
+.py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+}
+
+.px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+}
+
+.py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+}
+
+.pt-0 {
+ padding-top: 0;
+}
+
+.pr-0 {
+ padding-right: 0;
+}
+
+.pb-0 {
+ padding-bottom: 0;
+}
+
+.pl-0 {
+ padding-left: 0;
+}
+
+.pt-1 {
+ padding-top: 0.25rem;
+}
+
+.pr-1 {
+ padding-right: 0.25rem;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+ padding-left: 0.25rem;
+}
+
+.pt-2 {
+ padding-top: 0.5rem;
+}
+
+.pr-2 {
+ padding-right: 0.5rem;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pt-3 {
+ padding-top: 0.75rem;
+}
+
+.pr-3 {
+ padding-right: 0.75rem;
+}
+
+.pb-3 {
+ padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+ padding-left: 0.75rem;
+}
+
+.pt-4 {
+ padding-top: 1rem;
+}
+
+.pr-4 {
+ padding-right: 1rem;
+}
+
+.pb-4 {
+ padding-bottom: 1rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
+.pt-5 {
+ padding-top: 1.25rem;
+}
+
+.pr-5 {
+ padding-right: 1.25rem;
+}
+
+.pb-5 {
+ padding-bottom: 1.25rem;
+}
+
+.pl-5 {
+ padding-left: 1.25rem;
+}
+
+.pt-6 {
+ padding-top: 1.5rem;
+}
+
+.pr-6 {
+ padding-right: 1.5rem;
+}
+
+.pb-6 {
+ padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+ padding-left: 1.5rem;
+}
+
+.pt-8 {
+ padding-top: 2rem;
+}
+
+.pr-8 {
+ padding-right: 2rem;
+}
+
+.pb-8 {
+ padding-bottom: 2rem;
+}
+
+.pl-8 {
+ padding-left: 2rem;
+}
+
+.pt-10 {
+ padding-top: 2.5rem;
+}
+
+.pr-10 {
+ padding-right: 2.5rem;
+}
+
+.pb-10 {
+ padding-bottom: 2.5rem;
+}
+
+.pl-10 {
+ padding-left: 2.5rem;
+}
+
+.pt-12 {
+ padding-top: 3rem;
+}
+
+.pr-12 {
+ padding-right: 3rem;
+}
+
+.pb-12 {
+ padding-bottom: 3rem;
+}
+
+.pl-12 {
+ padding-left: 3rem;
+}
+
+.pt-16 {
+ padding-top: 4rem;
+}
+
+.pr-16 {
+ padding-right: 4rem;
+}
+
+.pb-16 {
+ padding-bottom: 4rem;
+}
+
+.pl-16 {
+ padding-left: 4rem;
+}
+
+.pt-20 {
+ padding-top: 5rem;
+}
+
+.pr-20 {
+ padding-right: 5rem;
+}
+
+.pb-20 {
+ padding-bottom: 5rem;
+}
+
+.pl-20 {
+ padding-left: 5rem;
+}
+
+.pt-24 {
+ padding-top: 6rem;
+}
+
+.pr-24 {
+ padding-right: 6rem;
+}
+
+.pb-24 {
+ padding-bottom: 6rem;
+}
+
+.pl-24 {
+ padding-left: 6rem;
+}
+
+.pt-32 {
+ padding-top: 8rem;
+}
+
+.pr-32 {
+ padding-right: 8rem;
+}
+
+.pb-32 {
+ padding-bottom: 8rem;
+}
+
+.pl-32 {
+ padding-left: 8rem;
+}
+
+.pt-40 {
+ padding-top: 10rem;
+}
+
+.pr-40 {
+ padding-right: 10rem;
+}
+
+.pb-40 {
+ padding-bottom: 10rem;
+}
+
+.pl-40 {
+ padding-left: 10rem;
+}
+
+.pt-48 {
+ padding-top: 12rem;
+}
+
+.pr-48 {
+ padding-right: 12rem;
+}
+
+.pb-48 {
+ padding-bottom: 12rem;
+}
+
+.pl-48 {
+ padding-left: 12rem;
+}
+
+.pt-56 {
+ padding-top: 14rem;
+}
+
+.pr-56 {
+ padding-right: 14rem;
+}
+
+.pb-56 {
+ padding-bottom: 14rem;
+}
+
+.pl-56 {
+ padding-left: 14rem;
+}
+
+.pt-64 {
+ padding-top: 16rem;
+}
+
+.pr-64 {
+ padding-right: 16rem;
+}
+
+.pb-64 {
+ padding-bottom: 16rem;
+}
+
+.pl-64 {
+ padding-left: 16rem;
+}
+
+.pt-px {
+ padding-top: 1px;
+}
+
+.pr-px {
+ padding-right: 1px;
+}
+
+.pb-px {
+ padding-bottom: 1px;
+}
+
+.pl-px {
+ padding-left: 1px;
+}
+
+.placeholder-transparent::placeholder {
+ color: transparent;
+}
+
+.placeholder-current::placeholder {
+ color: currentColor;
+}
+
+.placeholder-black::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.placeholder-white::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.placeholder-gray-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.placeholder-red-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.placeholder-orange-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.placeholder-green-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.placeholder-teal-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.placeholder-blue-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.placeholder-purple-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.placeholder-pink-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+}
+
+.focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+}
+
+.focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+}
+
+.placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
+}
+
+.pointer-events-none {
+ pointer-events: none;
+}
+
+.pointer-events-auto {
+ pointer-events: auto;
+}
+
+.static {
+ position: static;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.relative {
+ position: relative;
+}
+
+.sticky {
+ position: sticky;
+}
+
+.inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+}
+
+.inset-y-0 {
+ top: 0;
+ bottom: 0;
+}
+
+.inset-x-0 {
+ right: 0;
+ left: 0;
+}
+
+.inset-y-auto {
+ top: auto;
+ bottom: auto;
+}
+
+.inset-x-auto {
+ right: auto;
+ left: auto;
+}
+
+.top-0 {
+ top: 0;
+}
+
+.right-0 {
+ right: 0;
+}
+
+.bottom-0 {
+ bottom: 0;
+}
+
+.left-0 {
+ left: 0;
+}
+
+.top-auto {
+ top: auto;
+}
+
+.right-auto {
+ right: auto;
+}
+
+.bottom-auto {
+ bottom: auto;
+}
+
+.left-auto {
+ left: auto;
+}
+
+.resize-none {
+ resize: none;
+}
+
+.resize-y {
+ resize: vertical;
+}
+
+.resize-x {
+ resize: horizontal;
+}
+
+.resize {
+ resize: both;
+}
+
+.shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.shadow-none {
+ box-shadow: none;
+}
+
+.hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.hover\:shadow-none:hover {
+ box-shadow: none;
+}
+
+.focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.focus\:shadow-none:focus {
+ box-shadow: none;
+}
+
+.fill-current {
+ fill: currentColor;
+}
+
+.stroke-current {
+ stroke: currentColor;
+}
+
+.stroke-0 {
+ stroke-width: 0;
+}
+
+.stroke-1 {
+ stroke-width: 1;
+}
+
+.stroke-2 {
+ stroke-width: 2;
+}
+
+.table-auto {
+ table-layout: auto;
+}
+
+.table-fixed {
+ table-layout: fixed;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.text-right {
+ text-align: right;
+}
+
+.text-justify {
+ text-align: justify;
+}
+
+.text-transparent {
+ color: transparent;
+}
+
+.text-current {
+ color: currentColor;
+}
+
+.text-black {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.text-white {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.text-gray-50 {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.text-gray-100 {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.text-gray-200 {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.text-gray-300 {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.text-gray-400 {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.text-gray-500 {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.text-gray-600 {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.text-gray-700 {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.text-gray-800 {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.text-gray-900 {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.text-red-50 {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.text-red-100 {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.text-red-200 {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.text-red-300 {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.text-red-400 {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.text-red-500 {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.text-red-600 {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.text-red-700 {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.text-red-800 {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.text-red-900 {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.text-orange-50 {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.text-orange-100 {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.text-orange-200 {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.text-orange-300 {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.text-orange-400 {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.text-orange-500 {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.text-orange-600 {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.text-orange-700 {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.text-orange-800 {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.text-orange-900 {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+}
+
+.text-yellow-50 {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.text-yellow-100 {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.text-yellow-200 {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.text-yellow-300 {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.text-yellow-400 {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.text-yellow-500 {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.text-yellow-600 {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.text-yellow-700 {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.text-yellow-800 {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.text-yellow-900 {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.text-green-50 {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.text-green-100 {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.text-green-200 {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.text-green-300 {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.text-green-400 {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.text-green-500 {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.text-green-600 {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.text-green-700 {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.text-green-800 {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.text-green-900 {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.text-teal-50 {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.text-teal-100 {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.text-teal-200 {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.text-teal-300 {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.text-teal-400 {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.text-teal-500 {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.text-teal-600 {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.text-teal-700 {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.text-teal-800 {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.text-teal-900 {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.text-blue-50 {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.text-blue-100 {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.text-blue-200 {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.text-blue-300 {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.text-blue-400 {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.text-blue-500 {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.text-blue-600 {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.text-blue-700 {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.text-blue-800 {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.text-blue-900 {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.text-indigo-50 {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.text-indigo-100 {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.text-indigo-200 {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.text-indigo-300 {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.text-indigo-400 {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.text-indigo-500 {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.text-indigo-600 {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.text-indigo-700 {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.text-indigo-800 {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.text-indigo-900 {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.text-purple-50 {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.text-purple-100 {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.text-purple-200 {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.text-purple-300 {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.text-purple-400 {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.text-purple-500 {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.text-purple-600 {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.text-purple-700 {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.text-purple-800 {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.text-purple-900 {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.text-pink-50 {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.text-pink-100 {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.text-pink-200 {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.text-pink-300 {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.text-pink-400 {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.text-pink-500 {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.text-pink-600 {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.text-pink-700 {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.text-pink-800 {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.text-pink-900 {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.hover\:text-transparent:hover {
+ color: transparent;
+}
+
+.hover\:text-current:hover {
+ color: currentColor;
+}
+
+.hover\:text-black:hover {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.hover\:text-white:hover {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.hover\:text-gray-50:hover {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.hover\:text-gray-100:hover {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.hover\:text-gray-200:hover {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.hover\:text-gray-300:hover {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.hover\:text-gray-400:hover {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.hover\:text-gray-500:hover {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.hover\:text-gray-600:hover {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.hover\:text-gray-700:hover {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.hover\:text-gray-800:hover {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.hover\:text-gray-900:hover {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.hover\:text-red-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.hover\:text-red-100:hover {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.hover\:text-red-200:hover {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.hover\:text-red-300:hover {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.hover\:text-red-400:hover {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.hover\:text-red-500:hover {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.hover\:text-red-600:hover {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.hover\:text-red-700:hover {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.hover\:text-red-800:hover {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.hover\:text-red-900:hover {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.hover\:text-orange-50:hover {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.hover\:text-orange-100:hover {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.hover\:text-orange-200:hover {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.hover\:text-orange-300:hover {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.hover\:text-orange-400:hover {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.hover\:text-orange-500:hover {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.hover\:text-orange-600:hover {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.hover\:text-orange-700:hover {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.hover\:text-orange-800:hover {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.hover\:text-orange-900:hover {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+}
+
+.hover\:text-yellow-50:hover {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.hover\:text-yellow-100:hover {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.hover\:text-yellow-200:hover {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.hover\:text-yellow-300:hover {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.hover\:text-yellow-400:hover {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.hover\:text-yellow-500:hover {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.hover\:text-yellow-600:hover {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.hover\:text-yellow-700:hover {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.hover\:text-yellow-800:hover {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.hover\:text-yellow-900:hover {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.hover\:text-green-50:hover {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.hover\:text-green-100:hover {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.hover\:text-green-200:hover {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.hover\:text-green-300:hover {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.hover\:text-green-400:hover {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.hover\:text-green-500:hover {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.hover\:text-green-600:hover {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.hover\:text-green-700:hover {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.hover\:text-green-800:hover {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.hover\:text-green-900:hover {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.hover\:text-teal-50:hover {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.hover\:text-teal-100:hover {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.hover\:text-teal-200:hover {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.hover\:text-teal-300:hover {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.hover\:text-teal-400:hover {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.hover\:text-teal-500:hover {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.hover\:text-teal-600:hover {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.hover\:text-teal-700:hover {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.hover\:text-teal-800:hover {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.hover\:text-teal-900:hover {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.hover\:text-blue-50:hover {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.hover\:text-blue-100:hover {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.hover\:text-blue-200:hover {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.hover\:text-blue-300:hover {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.hover\:text-blue-400:hover {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.hover\:text-blue-500:hover {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.hover\:text-blue-600:hover {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.hover\:text-blue-700:hover {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.hover\:text-blue-800:hover {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.hover\:text-blue-900:hover {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.hover\:text-indigo-50:hover {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.hover\:text-indigo-100:hover {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.hover\:text-indigo-200:hover {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.hover\:text-indigo-300:hover {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.hover\:text-indigo-400:hover {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.hover\:text-indigo-500:hover {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.hover\:text-indigo-600:hover {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.hover\:text-indigo-700:hover {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.hover\:text-indigo-800:hover {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.hover\:text-indigo-900:hover {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.hover\:text-purple-50:hover {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.hover\:text-purple-100:hover {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.hover\:text-purple-200:hover {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.hover\:text-purple-300:hover {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.hover\:text-purple-400:hover {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.hover\:text-purple-500:hover {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.hover\:text-purple-600:hover {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.hover\:text-purple-700:hover {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.hover\:text-purple-800:hover {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.hover\:text-purple-900:hover {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.hover\:text-pink-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.hover\:text-pink-100:hover {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.hover\:text-pink-200:hover {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.hover\:text-pink-300:hover {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.hover\:text-pink-400:hover {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.hover\:text-pink-500:hover {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.hover\:text-pink-600:hover {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.hover\:text-pink-700:hover {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.hover\:text-pink-800:hover {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.hover\:text-pink-900:hover {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.focus\:text-transparent:focus {
+ color: transparent;
+}
+
+.focus\:text-current:focus {
+ color: currentColor;
+}
+
+.focus\:text-black:focus {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+}
+
+.focus\:text-white:focus {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+}
+
+.focus\:text-gray-50:focus {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+}
+
+.focus\:text-gray-100:focus {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+}
+
+.focus\:text-gray-200:focus {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+}
+
+.focus\:text-gray-300:focus {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+}
+
+.focus\:text-gray-400:focus {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+}
+
+.focus\:text-gray-500:focus {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+}
+
+.focus\:text-gray-600:focus {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+}
+
+.focus\:text-gray-700:focus {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+}
+
+.focus\:text-gray-800:focus {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+}
+
+.focus\:text-gray-900:focus {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+}
+
+.focus\:text-red-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+}
+
+.focus\:text-red-100:focus {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+}
+
+.focus\:text-red-200:focus {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+}
+
+.focus\:text-red-300:focus {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+}
+
+.focus\:text-red-400:focus {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+}
+
+.focus\:text-red-500:focus {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+}
+
+.focus\:text-red-600:focus {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+}
+
+.focus\:text-red-700:focus {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+}
+
+.focus\:text-red-800:focus {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+}
+
+.focus\:text-red-900:focus {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+}
+
+.focus\:text-orange-50:focus {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+}
+
+.focus\:text-orange-100:focus {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+}
+
+.focus\:text-orange-200:focus {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+}
+
+.focus\:text-orange-300:focus {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+}
+
+.focus\:text-orange-400:focus {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+}
+
+.focus\:text-orange-500:focus {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+}
+
+.focus\:text-orange-600:focus {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+}
+
+.focus\:text-orange-700:focus {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+}
+
+.focus\:text-orange-800:focus {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+}
+
+.focus\:text-orange-900:focus {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+}
+
+.focus\:text-yellow-50:focus {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+}
+
+.focus\:text-yellow-100:focus {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+}
+
+.focus\:text-yellow-200:focus {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+}
+
+.focus\:text-yellow-300:focus {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+}
+
+.focus\:text-yellow-400:focus {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+}
+
+.focus\:text-yellow-500:focus {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+}
+
+.focus\:text-yellow-600:focus {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+}
+
+.focus\:text-yellow-700:focus {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+}
+
+.focus\:text-yellow-800:focus {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+}
+
+.focus\:text-yellow-900:focus {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+}
+
+.focus\:text-green-50:focus {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+}
+
+.focus\:text-green-100:focus {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+}
+
+.focus\:text-green-200:focus {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+}
+
+.focus\:text-green-300:focus {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+}
+
+.focus\:text-green-400:focus {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+}
+
+.focus\:text-green-500:focus {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+}
+
+.focus\:text-green-600:focus {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+}
+
+.focus\:text-green-700:focus {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+}
+
+.focus\:text-green-800:focus {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+}
+
+.focus\:text-green-900:focus {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+}
+
+.focus\:text-teal-50:focus {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+}
+
+.focus\:text-teal-100:focus {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+}
+
+.focus\:text-teal-200:focus {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+}
+
+.focus\:text-teal-300:focus {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+}
+
+.focus\:text-teal-400:focus {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+}
+
+.focus\:text-teal-500:focus {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+}
+
+.focus\:text-teal-600:focus {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+}
+
+.focus\:text-teal-700:focus {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+}
+
+.focus\:text-teal-800:focus {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+}
+
+.focus\:text-teal-900:focus {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+}
+
+.focus\:text-blue-50:focus {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+}
+
+.focus\:text-blue-100:focus {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+}
+
+.focus\:text-blue-200:focus {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+}
+
+.focus\:text-blue-300:focus {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+}
+
+.focus\:text-blue-400:focus {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+}
+
+.focus\:text-blue-500:focus {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+}
+
+.focus\:text-blue-600:focus {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+}
+
+.focus\:text-blue-700:focus {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+}
+
+.focus\:text-blue-800:focus {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+}
+
+.focus\:text-blue-900:focus {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+}
+
+.focus\:text-indigo-50:focus {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+}
+
+.focus\:text-indigo-100:focus {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+}
+
+.focus\:text-indigo-200:focus {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+}
+
+.focus\:text-indigo-300:focus {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+}
+
+.focus\:text-indigo-400:focus {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+}
+
+.focus\:text-indigo-500:focus {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+}
+
+.focus\:text-indigo-600:focus {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+}
+
+.focus\:text-indigo-700:focus {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+}
+
+.focus\:text-indigo-800:focus {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+}
+
+.focus\:text-indigo-900:focus {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+}
+
+.focus\:text-purple-50:focus {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+}
+
+.focus\:text-purple-100:focus {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+}
+
+.focus\:text-purple-200:focus {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+}
+
+.focus\:text-purple-300:focus {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+}
+
+.focus\:text-purple-400:focus {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+}
+
+.focus\:text-purple-500:focus {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+}
+
+.focus\:text-purple-600:focus {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+}
+
+.focus\:text-purple-700:focus {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+}
+
+.focus\:text-purple-800:focus {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+}
+
+.focus\:text-purple-900:focus {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+}
+
+.focus\:text-pink-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+}
+
+.focus\:text-pink-100:focus {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+}
+
+.focus\:text-pink-200:focus {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+}
+
+.focus\:text-pink-300:focus {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+}
+
+.focus\:text-pink-400:focus {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+}
+
+.focus\:text-pink-500:focus {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+}
+
+.focus\:text-pink-600:focus {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+}
+
+.focus\:text-pink-700:focus {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+}
+
+.focus\:text-pink-800:focus {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+}
+
+.focus\:text-pink-900:focus {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+}
+
+.text-opacity-0 {
+ --text-opacity: 0;
+}
+
+.text-opacity-25 {
+ --text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --text-opacity: 1;
+}
+
+.hover\:text-opacity-0:hover {
+ --text-opacity: 0;
+}
+
+.hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
+}
+
+.hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
+}
+
+.hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
+}
+
+.hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+}
+
+.focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+}
+
+.focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+}
+
+.focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+}
+
+.focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+}
+
+.focus\:text-opacity-100:focus {
+ --text-opacity: 1;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.not-italic {
+ font-style: normal;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+.lowercase {
+ text-transform: lowercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+.normal-case {
+ text-transform: none;
+}
+
+.underline {
+ text-decoration: underline;
+}
+
+.line-through {
+ text-decoration: line-through;
+}
+
+.no-underline {
+ 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;
+}
+
+.tracking-tighter {
+ letter-spacing: -0.05em;
+}
+
+.tracking-tight {
+ letter-spacing: -0.025em;
+}
+
+.tracking-normal {
+ letter-spacing: 0;
+}
+
+.tracking-wide {
+ letter-spacing: 0.025em;
+}
+
+.tracking-wider {
+ letter-spacing: 0.05em;
+}
+
+.tracking-widest {
+ letter-spacing: 0.1em;
+}
+
+.select-none {
+ user-select: none;
+}
+
+.select-text {
+ user-select: text;
+}
+
+.select-all {
+ user-select: all;
+}
+
+.select-auto {
+ user-select: auto;
+}
+
+.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;
+}
+
+.visible {
+ visibility: visible;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.whitespace-normal {
+ white-space: normal;
+}
+
+.whitespace-no-wrap {
+ white-space: nowrap;
+}
+
+.whitespace-pre {
+ white-space: pre;
+}
+
+.whitespace-pre-line {
+ white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+ white-space: pre-wrap;
+}
+
+.break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+}
+
+.break-words {
+ overflow-wrap: break-word;
+}
+
+.break-all {
+ word-break: break-all;
+}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.w-0 {
+ width: 0;
+}
+
+.w-1 {
+ width: 0.25rem;
+}
+
+.w-2 {
+ width: 0.5rem;
+}
+
+.w-3 {
+ width: 0.75rem;
+}
+
+.w-4 {
+ width: 1rem;
+}
+
+.w-5 {
+ width: 1.25rem;
+}
+
+.w-6 {
+ width: 1.5rem;
+}
+
+.w-8 {
+ width: 2rem;
+}
+
+.w-10 {
+ width: 2.5rem;
+}
+
+.w-12 {
+ width: 3rem;
+}
+
+.w-16 {
+ width: 4rem;
+}
+
+.w-20 {
+ width: 5rem;
+}
+
+.w-24 {
+ width: 6rem;
+}
+
+.w-32 {
+ width: 8rem;
+}
+
+.w-40 {
+ width: 10rem;
+}
+
+.w-48 {
+ width: 12rem;
+}
+
+.w-56 {
+ width: 14rem;
+}
+
+.w-64 {
+ width: 16rem;
+}
+
+.w-auto {
+ width: auto;
+}
+
+.w-px {
+ width: 1px;
+}
+
+.w-1\/2 {
+ width: 50%;
+}
+
+.w-1\/3 {
+ width: 33.333333%;
+}
+
+.w-2\/3 {
+ width: 66.666667%;
+}
+
+.w-1\/4 {
+ width: 25%;
+}
+
+.w-2\/4 {
+ width: 50%;
+}
+
+.w-3\/4 {
+ width: 75%;
+}
+
+.w-1\/5 {
+ width: 20%;
+}
+
+.w-2\/5 {
+ width: 40%;
+}
+
+.w-3\/5 {
+ width: 60%;
+}
+
+.w-4\/5 {
+ width: 80%;
+}
+
+.w-1\/6 {
+ width: 16.666667%;
+}
+
+.w-2\/6 {
+ width: 33.333333%;
+}
+
+.w-3\/6 {
+ width: 50%;
+}
+
+.w-4\/6 {
+ width: 66.666667%;
+}
+
+.w-5\/6 {
+ width: 83.333333%;
+}
+
+.w-1\/12 {
+ width: 8.333333%;
+}
+
+.w-2\/12 {
+ width: 16.666667%;
+}
+
+.w-3\/12 {
+ width: 25%;
+}
+
+.w-4\/12 {
+ width: 33.333333%;
+}
+
+.w-5\/12 {
+ width: 41.666667%;
+}
+
+.w-6\/12 {
+ width: 50%;
+}
+
+.w-7\/12 {
+ width: 58.333333%;
+}
+
+.w-8\/12 {
+ width: 66.666667%;
+}
+
+.w-9\/12 {
+ width: 75%;
+}
+
+.w-10\/12 {
+ width: 83.333333%;
+}
+
+.w-11\/12 {
+ width: 91.666667%;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.w-screen {
+ width: 100vw;
+}
+
+.z-0 {
+ z-index: 0;
+}
+
+.z-10 {
+ z-index: 10;
+}
+
+.z-20 {
+ z-index: 20;
+}
+
+.z-30 {
+ z-index: 30;
+}
+
+.z-40 {
+ z-index: 40;
+}
+
+.z-50 {
+ z-index: 50;
+}
+
+.z-auto {
+ z-index: auto;
+}
+
+.gap-0 {
+ grid-gap: 0;
+ gap: 0;
+}
+
+.gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+}
+
+.gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+}
+
+.gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+}
+
+.gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+}
+
+.gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+}
+
+.gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+}
+
+.gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+}
+
+.gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+}
+
+.gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+}
+
+.gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+}
+
+.gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+}
+
+.gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+}
+
+.gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+}
+
+.gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+}
+
+.gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+}
+
+.gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+}
+
+.gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+}
+
+.gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+}
+
+.col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+}
+
+.col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+}
+
+.col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+}
+
+.col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+}
+
+.col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+}
+
+.col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+}
+
+.col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+}
+
+.col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+}
+
+.col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+}
+
+.col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+}
+
+.col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+}
+
+.col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+}
+
+.col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+}
+
+.col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+}
+
+.col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+}
+
+.col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+}
+
+.col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+}
+
+.col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+}
+
+.col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+}
+
+.row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+}
+
+.row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+}
+
+.row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+}
+
+.row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+}
+
+.row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+}
+
+.row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+}
+
+.row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+}
+
+.row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+}
+
+.row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+}
+
+.row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+}
+
+.row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+}
+
+.row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+}
+
+.row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+}
+
+.row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+}
+
+.row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+}
+
+.row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+}
+
+.row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+}
+
+.row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+}
+
+.row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+}
+
+.grid-flow-row {
+ grid-auto-flow: row;
+}
+
+.grid-flow-col {
+ grid-auto-flow: column;
+}
+
+.grid-flow-row-dense {
+ grid-auto-flow: row dense;
+}
+
+.grid-flow-col-dense {
+ grid-auto-flow: column dense;
+}
+
+.grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.grid-cols-6 {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.grid-cols-7 {
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.grid-cols-8 {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+.grid-cols-9 {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.grid-cols-10 {
+ grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.grid-cols-11 {
+ grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+.grid-cols-12 {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.grid-cols-none {
+ grid-template-columns: none;
+}
+
+.col-auto {
+ grid-column: auto;
+}
+
+.col-span-1 {
+ grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+ grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+ grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+ grid-column: span 4 / span 4;
+}
+
+.col-span-5 {
+ grid-column: span 5 / span 5;
+}
+
+.col-span-6 {
+ grid-column: span 6 / span 6;
+}
+
+.col-span-7 {
+ grid-column: span 7 / span 7;
+}
+
+.col-span-8 {
+ grid-column: span 8 / span 8;
+}
+
+.col-span-9 {
+ grid-column: span 9 / span 9;
+}
+
+.col-span-10 {
+ grid-column: span 10 / span 10;
+}
+
+.col-span-11 {
+ grid-column: span 11 / span 11;
+}
+
+.col-span-12 {
+ grid-column: span 12 / span 12;
+}
+
+.col-start-1 {
+ grid-column-start: 1;
+}
+
+.col-start-2 {
+ grid-column-start: 2;
+}
+
+.col-start-3 {
+ grid-column-start: 3;
+}
+
+.col-start-4 {
+ grid-column-start: 4;
+}
+
+.col-start-5 {
+ grid-column-start: 5;
+}
+
+.col-start-6 {
+ grid-column-start: 6;
+}
+
+.col-start-7 {
+ grid-column-start: 7;
+}
+
+.col-start-8 {
+ grid-column-start: 8;
+}
+
+.col-start-9 {
+ grid-column-start: 9;
+}
+
+.col-start-10 {
+ grid-column-start: 10;
+}
+
+.col-start-11 {
+ grid-column-start: 11;
+}
+
+.col-start-12 {
+ grid-column-start: 12;
+}
+
+.col-start-13 {
+ grid-column-start: 13;
+}
+
+.col-start-auto {
+ grid-column-start: auto;
+}
+
+.col-end-1 {
+ grid-column-end: 1;
+}
+
+.col-end-2 {
+ grid-column-end: 2;
+}
+
+.col-end-3 {
+ grid-column-end: 3;
+}
+
+.col-end-4 {
+ grid-column-end: 4;
+}
+
+.col-end-5 {
+ grid-column-end: 5;
+}
+
+.col-end-6 {
+ grid-column-end: 6;
+}
+
+.col-end-7 {
+ grid-column-end: 7;
+}
+
+.col-end-8 {
+ grid-column-end: 8;
+}
+
+.col-end-9 {
+ grid-column-end: 9;
+}
+
+.col-end-10 {
+ grid-column-end: 10;
+}
+
+.col-end-11 {
+ grid-column-end: 11;
+}
+
+.col-end-12 {
+ grid-column-end: 12;
+}
+
+.col-end-13 {
+ grid-column-end: 13;
+}
+
+.col-end-auto {
+ grid-column-end: auto;
+}
+
+.grid-rows-1 {
+ grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+.grid-rows-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.grid-rows-3 {
+ grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+.grid-rows-4 {
+ grid-template-rows: repeat(4, minmax(0, 1fr));
+}
+
+.grid-rows-5 {
+ grid-template-rows: repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-6 {
+ grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+
+.grid-rows-none {
+ grid-template-rows: none;
+}
+
+.row-auto {
+ grid-row: auto;
+}
+
+.row-span-1 {
+ grid-row: span 1 / span 1;
+}
+
+.row-span-2 {
+ grid-row: span 2 / span 2;
+}
+
+.row-span-3 {
+ grid-row: span 3 / span 3;
+}
+
+.row-span-4 {
+ grid-row: span 4 / span 4;
+}
+
+.row-span-5 {
+ grid-row: span 5 / span 5;
+}
+
+.row-span-6 {
+ grid-row: span 6 / span 6;
+}
+
+.row-start-1 {
+ grid-row-start: 1;
+}
+
+.row-start-2 {
+ grid-row-start: 2;
+}
+
+.row-start-3 {
+ grid-row-start: 3;
+}
+
+.row-start-4 {
+ grid-row-start: 4;
+}
+
+.row-start-5 {
+ grid-row-start: 5;
+}
+
+.row-start-6 {
+ grid-row-start: 6;
+}
+
+.row-start-7 {
+ grid-row-start: 7;
+}
+
+.row-start-auto {
+ grid-row-start: auto;
+}
+
+.row-end-1 {
+ grid-row-end: 1;
+}
+
+.row-end-2 {
+ grid-row-end: 2;
+}
+
+.row-end-3 {
+ grid-row-end: 3;
+}
+
+.row-end-4 {
+ grid-row-end: 4;
+}
+
+.row-end-5 {
+ grid-row-end: 5;
+}
+
+.row-end-6 {
+ grid-row-end: 6;
+}
+
+.row-end-7 {
+ grid-row-end: 7;
+}
+
+.row-end-auto {
+ grid-row-end: auto;
+}
+
+.transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+}
+
+.transform-none {
+ transform: none;
+}
+
+.origin-center {
+ transform-origin: center;
+}
+
+.origin-top {
+ transform-origin: top;
+}
+
+.origin-top-right {
+ transform-origin: top right;
+}
+
+.origin-right {
+ transform-origin: right;
+}
+
+.origin-bottom-right {
+ transform-origin: bottom right;
+}
+
+.origin-bottom {
+ transform-origin: bottom;
+}
+
+.origin-bottom-left {
+ transform-origin: bottom left;
+}
+
+.origin-left {
+ transform-origin: left;
+}
+
+.origin-top-left {
+ transform-origin: top left;
+}
+
+.scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+}
+
+.scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+}
+
+.scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+}
+
+.scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+}
+
+.scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+}
+
+.scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+}
+
+.scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+}
+
+.scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+}
+
+.scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+}
+
+.scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+}
+
+.scale-x-0 {
+ --transform-scale-x: 0;
+}
+
+.scale-x-50 {
+ --transform-scale-x: .5;
+}
+
+.scale-x-75 {
+ --transform-scale-x: .75;
+}
+
+.scale-x-90 {
+ --transform-scale-x: .9;
+}
+
+.scale-x-95 {
+ --transform-scale-x: .95;
+}
+
+.scale-x-100 {
+ --transform-scale-x: 1;
+}
+
+.scale-x-105 {
+ --transform-scale-x: 1.05;
+}
+
+.scale-x-110 {
+ --transform-scale-x: 1.1;
+}
+
+.scale-x-125 {
+ --transform-scale-x: 1.25;
+}
+
+.scale-x-150 {
+ --transform-scale-x: 1.5;
+}
+
+.scale-y-0 {
+ --transform-scale-y: 0;
+}
+
+.scale-y-50 {
+ --transform-scale-y: .5;
+}
+
+.scale-y-75 {
+ --transform-scale-y: .75;
+}
+
+.scale-y-90 {
+ --transform-scale-y: .9;
+}
+
+.scale-y-95 {
+ --transform-scale-y: .95;
+}
+
+.scale-y-100 {
+ --transform-scale-y: 1;
+}
+
+.scale-y-105 {
+ --transform-scale-y: 1.05;
+}
+
+.scale-y-110 {
+ --transform-scale-y: 1.1;
+}
+
+.scale-y-125 {
+ --transform-scale-y: 1.25;
+}
+
+.scale-y-150 {
+ --transform-scale-y: 1.5;
+}
+
+.hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+}
+
+.hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+}
+
+.hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+}
+
+.hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+}
+
+.hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+}
+
+.hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+}
+
+.hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+}
+
+.hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+}
+
+.hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+}
+
+.hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+}
+
+.hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+}
+
+.hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+}
+
+.hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+}
+
+.hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+}
+
+.hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+}
+
+.hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+}
+
+.hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+}
+
+.hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+}
+
+.hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+}
+
+.hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+}
+
+.hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+}
+
+.hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+}
+
+.hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+}
+
+.hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+}
+
+.hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+}
+
+.hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+}
+
+.hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+}
+
+.hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+}
+
+.hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+}
+
+.hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+}
+
+.focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+}
+
+.focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+}
+
+.focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+}
+
+.focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+}
+
+.focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+}
+
+.focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+}
+
+.focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+}
+
+.focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+}
+
+.focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+}
+
+.focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+}
+
+.focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+}
+
+.focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+}
+
+.focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+}
+
+.focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+}
+
+.focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+}
+
+.focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+}
+
+.focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+}
+
+.focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+}
+
+.focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+}
+
+.focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+}
+
+.focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+}
+
+.focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+}
+
+.focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+}
+
+.focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+}
+
+.focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+}
+
+.focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+}
+
+.focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+}
+
+.focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+}
+
+.focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+}
+
+.focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+}
+
+.rotate-0 {
+ --transform-rotate: 0;
+}
+
+.rotate-45 {
+ --transform-rotate: 45deg;
+}
+
+.rotate-90 {
+ --transform-rotate: 90deg;
+}
+
+.rotate-180 {
+ --transform-rotate: 180deg;
+}
+
+.-rotate-180 {
+ --transform-rotate: -180deg;
+}
+
+.-rotate-90 {
+ --transform-rotate: -90deg;
+}
+
+.-rotate-45 {
+ --transform-rotate: -45deg;
+}
+
+.hover\:rotate-0:hover {
+ --transform-rotate: 0;
+}
+
+.hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+}
+
+.hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+}
+
+.hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+}
+
+.hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+}
+
+.hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+}
+
+.hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+}
+
+.focus\:rotate-0:focus {
+ --transform-rotate: 0;
+}
+
+.focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+}
+
+.focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+}
+
+.focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+}
+
+.focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+}
+
+.focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+}
+
+.focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+}
+
+.translate-x-0 {
+ --transform-translate-x: 0;
+}
+
+.translate-x-1 {
+ --transform-translate-x: 0.25rem;
+}
+
+.translate-x-2 {
+ --transform-translate-x: 0.5rem;
+}
+
+.translate-x-3 {
+ --transform-translate-x: 0.75rem;
+}
+
+.translate-x-4 {
+ --transform-translate-x: 1rem;
+}
+
+.translate-x-5 {
+ --transform-translate-x: 1.25rem;
+}
+
+.translate-x-6 {
+ --transform-translate-x: 1.5rem;
+}
+
+.translate-x-8 {
+ --transform-translate-x: 2rem;
+}
+
+.translate-x-10 {
+ --transform-translate-x: 2.5rem;
+}
+
+.translate-x-12 {
+ --transform-translate-x: 3rem;
+}
+
+.translate-x-16 {
+ --transform-translate-x: 4rem;
+}
+
+.translate-x-20 {
+ --transform-translate-x: 5rem;
+}
+
+.translate-x-24 {
+ --transform-translate-x: 6rem;
+}
+
+.translate-x-32 {
+ --transform-translate-x: 8rem;
+}
+
+.translate-x-40 {
+ --transform-translate-x: 10rem;
+}
+
+.translate-x-48 {
+ --transform-translate-x: 12rem;
+}
+
+.translate-x-56 {
+ --transform-translate-x: 14rem;
+}
+
+.translate-x-64 {
+ --transform-translate-x: 16rem;
+}
+
+.translate-x-px {
+ --transform-translate-x: 1px;
+}
+
+.-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+}
+
+.-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+}
+
+.-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+}
+
+.-translate-x-4 {
+ --transform-translate-x: -1rem;
+}
+
+.-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+}
+
+.-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+}
+
+.-translate-x-8 {
+ --transform-translate-x: -2rem;
+}
+
+.-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+}
+
+.-translate-x-12 {
+ --transform-translate-x: -3rem;
+}
+
+.-translate-x-16 {
+ --transform-translate-x: -4rem;
+}
+
+.-translate-x-20 {
+ --transform-translate-x: -5rem;
+}
+
+.-translate-x-24 {
+ --transform-translate-x: -6rem;
+}
+
+.-translate-x-32 {
+ --transform-translate-x: -8rem;
+}
+
+.-translate-x-40 {
+ --transform-translate-x: -10rem;
+}
+
+.-translate-x-48 {
+ --transform-translate-x: -12rem;
+}
+
+.-translate-x-56 {
+ --transform-translate-x: -14rem;
+}
+
+.-translate-x-64 {
+ --transform-translate-x: -16rem;
+}
+
+.-translate-x-px {
+ --transform-translate-x: -1px;
+}
+
+.-translate-x-full {
+ --transform-translate-x: -100%;
+}
+
+.-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+}
+
+.translate-x-1\/2 {
+ --transform-translate-x: 50%;
+}
+
+.translate-x-full {
+ --transform-translate-x: 100%;
+}
+
+.translate-y-0 {
+ --transform-translate-y: 0;
+}
+
+.translate-y-1 {
+ --transform-translate-y: 0.25rem;
+}
+
+.translate-y-2 {
+ --transform-translate-y: 0.5rem;
+}
+
+.translate-y-3 {
+ --transform-translate-y: 0.75rem;
+}
+
+.translate-y-4 {
+ --transform-translate-y: 1rem;
+}
+
+.translate-y-5 {
+ --transform-translate-y: 1.25rem;
+}
+
+.translate-y-6 {
+ --transform-translate-y: 1.5rem;
+}
+
+.translate-y-8 {
+ --transform-translate-y: 2rem;
+}
+
+.translate-y-10 {
+ --transform-translate-y: 2.5rem;
+}
+
+.translate-y-12 {
+ --transform-translate-y: 3rem;
+}
+
+.translate-y-16 {
+ --transform-translate-y: 4rem;
+}
+
+.translate-y-20 {
+ --transform-translate-y: 5rem;
+}
+
+.translate-y-24 {
+ --transform-translate-y: 6rem;
+}
+
+.translate-y-32 {
+ --transform-translate-y: 8rem;
+}
+
+.translate-y-40 {
+ --transform-translate-y: 10rem;
+}
+
+.translate-y-48 {
+ --transform-translate-y: 12rem;
+}
+
+.translate-y-56 {
+ --transform-translate-y: 14rem;
+}
+
+.translate-y-64 {
+ --transform-translate-y: 16rem;
+}
+
+.translate-y-px {
+ --transform-translate-y: 1px;
+}
+
+.-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+}
+
+.-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+}
+
+.-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+}
+
+.-translate-y-4 {
+ --transform-translate-y: -1rem;
+}
+
+.-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+}
+
+.-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+}
+
+.-translate-y-8 {
+ --transform-translate-y: -2rem;
+}
+
+.-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+}
+
+.-translate-y-12 {
+ --transform-translate-y: -3rem;
+}
+
+.-translate-y-16 {
+ --transform-translate-y: -4rem;
+}
+
+.-translate-y-20 {
+ --transform-translate-y: -5rem;
+}
+
+.-translate-y-24 {
+ --transform-translate-y: -6rem;
+}
+
+.-translate-y-32 {
+ --transform-translate-y: -8rem;
+}
+
+.-translate-y-40 {
+ --transform-translate-y: -10rem;
+}
+
+.-translate-y-48 {
+ --transform-translate-y: -12rem;
+}
+
+.-translate-y-56 {
+ --transform-translate-y: -14rem;
+}
+
+.-translate-y-64 {
+ --transform-translate-y: -16rem;
+}
+
+.-translate-y-px {
+ --transform-translate-y: -1px;
+}
+
+.-translate-y-full {
+ --transform-translate-y: -100%;
+}
+
+.-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+}
+
+.translate-y-1\/2 {
+ --transform-translate-y: 50%;
+}
+
+.translate-y-full {
+ --transform-translate-y: 100%;
+}
+
+.hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+}
+
+.hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+}
+
+.hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+}
+
+.hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+}
+
+.hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+}
+
+.hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+}
+
+.hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+}
+
+.hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+}
+
+.hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+}
+
+.hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+}
+
+.hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+}
+
+.hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+}
+
+.hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+}
+
+.hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+}
+
+.hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+}
+
+.hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+}
+
+.hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+}
+
+.hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+}
+
+.hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+}
+
+.hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+}
+
+.hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+}
+
+.hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+}
+
+.hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+}
+
+.hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+}
+
+.hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+}
+
+.hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+}
+
+.hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+}
+
+.hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+}
+
+.hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+}
+
+.hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+}
+
+.hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+}
+
+.hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+}
+
+.hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+}
+
+.hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+}
+
+.hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+}
+
+.hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+}
+
+.hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+}
+
+.hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+}
+
+.hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+}
+
+.hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+}
+
+.hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+}
+
+.hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+}
+
+.hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+}
+
+.hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+}
+
+.hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+}
+
+.hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+}
+
+.hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+}
+
+.hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+}
+
+.hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+}
+
+.hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+}
+
+.hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+}
+
+.hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+}
+
+.hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+}
+
+.hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+}
+
+.hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+}
+
+.hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+}
+
+.hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+}
+
+.hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+}
+
+.hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+}
+
+.hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+}
+
+.hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+}
+
+.hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+}
+
+.hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+}
+
+.hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+}
+
+.hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+}
+
+.hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+}
+
+.hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+}
+
+.hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+}
+
+.hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+}
+
+.hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+}
+
+.hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+}
+
+.hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+}
+
+.hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+}
+
+.hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+}
+
+.hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+}
+
+.hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+}
+
+.hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+}
+
+.hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+}
+
+.hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+}
+
+.hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+}
+
+.hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+}
+
+.hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+}
+
+.focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+}
+
+.focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+}
+
+.focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+}
+
+.focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+}
+
+.focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+}
+
+.focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+}
+
+.focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+}
+
+.focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+}
+
+.focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+}
+
+.focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+}
+
+.focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+}
+
+.focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+}
+
+.focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+}
+
+.focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+}
+
+.focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+}
+
+.focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+}
+
+.focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+}
+
+.focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+}
+
+.focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+}
+
+.focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+}
+
+.focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+}
+
+.focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+}
+
+.focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+}
+
+.focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+}
+
+.focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+}
+
+.focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+}
+
+.focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+}
+
+.focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+}
+
+.focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+}
+
+.focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+}
+
+.focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+}
+
+.focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+}
+
+.focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+}
+
+.focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+}
+
+.focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+}
+
+.focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+}
+
+.focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+}
+
+.focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+}
+
+.focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+}
+
+.focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+}
+
+.focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+}
+
+.focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+}
+
+.focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+}
+
+.focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+}
+
+.focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+}
+
+.focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+}
+
+.focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+}
+
+.focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+}
+
+.focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+}
+
+.focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+}
+
+.focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+}
+
+.focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+}
+
+.focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+}
+
+.focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+}
+
+.focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+}
+
+.focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+}
+
+.focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+}
+
+.focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+}
+
+.focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+}
+
+.focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+}
+
+.focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+}
+
+.focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+}
+
+.focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+}
+
+.focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+}
+
+.focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+}
+
+.focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+}
+
+.focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+}
+
+.focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+}
+
+.focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+}
+
+.focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+}
+
+.focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+}
+
+.focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+}
+
+.focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+}
+
+.focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+}
+
+.focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+}
+
+.focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+}
+
+.focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+}
+
+.focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+}
+
+.focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+}
+
+.focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+}
+
+.focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+}
+
+.focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+}
+
+.skew-x-0 {
+ --transform-skew-x: 0;
+}
+
+.skew-x-3 {
+ --transform-skew-x: 3deg;
+}
+
+.skew-x-6 {
+ --transform-skew-x: 6deg;
+}
+
+.skew-x-12 {
+ --transform-skew-x: 12deg;
+}
+
+.-skew-x-12 {
+ --transform-skew-x: -12deg;
+}
+
+.-skew-x-6 {
+ --transform-skew-x: -6deg;
+}
+
+.-skew-x-3 {
+ --transform-skew-x: -3deg;
+}
+
+.skew-y-0 {
+ --transform-skew-y: 0;
+}
+
+.skew-y-3 {
+ --transform-skew-y: 3deg;
+}
+
+.skew-y-6 {
+ --transform-skew-y: 6deg;
+}
+
+.skew-y-12 {
+ --transform-skew-y: 12deg;
+}
+
+.-skew-y-12 {
+ --transform-skew-y: -12deg;
+}
+
+.-skew-y-6 {
+ --transform-skew-y: -6deg;
+}
+
+.-skew-y-3 {
+ --transform-skew-y: -3deg;
+}
+
+.hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+}
+
+.hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+}
+
+.hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+}
+
+.hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+}
+
+.hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+}
+
+.hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+}
+
+.hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+}
+
+.hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+}
+
+.hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+}
+
+.hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+}
+
+.hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+}
+
+.hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+}
+
+.hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+}
+
+.hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+}
+
+.focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+}
+
+.focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+}
+
+.focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+}
+
+.focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+}
+
+.focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+}
+
+.focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+}
+
+.focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+}
+
+.focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+}
+
+.focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+}
+
+.focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+}
+
+.focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+}
+
+.focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+}
+
+.focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+}
+
+.focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+}
+
+.transition-none {
+ transition-property: none;
+}
+
+.transition-all {
+ transition-property: all;
+}
+
+.transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
+
+.transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+}
+
+.transition-opacity {
+ transition-property: opacity;
+}
+
+.transition-shadow {
+ transition-property: box-shadow;
+}
+
+.transition-transform {
+ transition-property: transform;
+}
+
+.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);
+}
+
+.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;
+}
+
+.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;
+}
+
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes ping {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: .5;
+ }
+}
+
+@keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
+ }
+
+ 50% {
+ transform: translateY(0);
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
+ }
+}
+
+.animate-none {
+ animation: none;
+}
+
+.animate-spin {
+ animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+ animation: bounce 1s infinite;
+}
+
+.example {
+ font-weight: 700;
+ color: #f05252;
+}
+
+@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;
+ }
+ }
+
+ .sm\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .sm\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .sm\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .sm\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .sm\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .sm\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .sm\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .sm\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--divide-opacity));
+ }
+
+ .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
+ .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\: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\:appearance-none {
+ appearance: none;
+ }
+
+ .sm\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .sm\:bg-local {
+ background-attachment: local;
+ }
+
+ .sm\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .sm\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .sm\:bg-current {
+ background-color: currentColor;
+ }
+
+ .sm\:bg-black {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .sm\:bg-white {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-50 {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-100 {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-200 {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-300 {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-400 {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-500 {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-600 {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-700 {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-800 {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .sm\:bg-gray-900 {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-100 {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-200 {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-400 {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-500 {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-600 {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-700 {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-800 {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .sm\:bg-red-900 {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-50 {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-100 {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-200 {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-300 {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-400 {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-500 {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-600 {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-700 {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-800 {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .sm\:bg-orange-900 {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-50 {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-100 {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-200 {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-300 {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-400 {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-500 {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-600 {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-700 {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-800 {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .sm\:bg-yellow-900 {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-50 {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-100 {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-200 {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-300 {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-400 {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-500 {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-600 {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-700 {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-800 {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .sm\:bg-green-900 {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-50 {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-100 {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-200 {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-300 {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-400 {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-500 {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-600 {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-700 {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-800 {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .sm\:bg-teal-900 {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-50 {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-100 {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-200 {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-300 {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-400 {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-500 {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-600 {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-700 {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-800 {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .sm\:bg-blue-900 {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-50 {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-100 {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-200 {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-300 {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-400 {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-500 {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-600 {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-700 {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-800 {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .sm\:bg-indigo-900 {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-50 {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-100 {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-200 {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-300 {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-400 {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-500 {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-600 {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-700 {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-800 {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .sm\:bg-purple-900 {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-100 {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-200 {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-400 {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-500 {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-600 {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-700 {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-800 {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .sm\:bg-pink-900 {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .sm\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .sm\:hover\:bg-black:hover {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-white:hover {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-50:hover {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-50:hover {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-50:hover {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-50:hover {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-50:hover {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-50:hover {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-50:hover {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .sm\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .sm\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .sm\:focus\:bg-black:focus {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-white:focus {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-50:focus {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-50:focus {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-50:focus {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-50:focus {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-50:focus {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-50:focus {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-50:focus {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .sm\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .sm\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .sm\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .sm\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .sm\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .sm\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .sm\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .sm\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .sm\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .sm\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .sm\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .sm\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .sm\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .sm\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .sm\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .sm\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
+ }
+
+ .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-auto {
+ background-size: auto;
+ }
+
+ .sm\:bg-cover {
+ background-size: cover;
+ }
+
+ .sm\:bg-contain {
+ background-size: contain;
+ }
+
+ .sm\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .sm\:border-separate {
+ border-collapse: separate;
+ }
+
+ .sm\:border-transparent {
+ border-color: transparent;
+ }
+
+ .sm\:border-current {
+ border-color: currentColor;
+ }
+
+ .sm\:border-black {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .sm\:border-white {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .sm\:border-gray-50 {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .sm\:border-gray-100 {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .sm\:border-gray-200 {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .sm\:border-gray-300 {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .sm\:border-gray-400 {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .sm\:border-gray-500 {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .sm\:border-gray-600 {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .sm\:border-gray-700 {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .sm\:border-gray-800 {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .sm\:border-gray-900 {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .sm\:border-red-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .sm\:border-red-100 {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .sm\:border-red-200 {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .sm\:border-red-300 {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .sm\:border-red-400 {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .sm\:border-red-500 {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .sm\:border-red-600 {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .sm\:border-red-700 {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .sm\:border-red-800 {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .sm\:border-red-900 {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .sm\:border-orange-50 {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .sm\:border-orange-100 {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .sm\:border-orange-200 {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .sm\:border-orange-300 {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .sm\:border-orange-400 {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .sm\:border-orange-500 {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .sm\:border-orange-600 {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .sm\:border-orange-700 {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .sm\:border-orange-800 {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .sm\:border-orange-900 {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-50 {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-100 {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-200 {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-300 {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-400 {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-500 {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-600 {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-700 {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-800 {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .sm\:border-yellow-900 {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .sm\:border-green-50 {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .sm\:border-green-100 {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .sm\:border-green-200 {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .sm\:border-green-300 {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .sm\:border-green-400 {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .sm\:border-green-500 {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .sm\:border-green-600 {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .sm\:border-green-700 {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .sm\:border-green-800 {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .sm\:border-green-900 {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .sm\:border-teal-50 {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .sm\:border-teal-100 {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .sm\:border-teal-200 {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .sm\:border-teal-300 {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .sm\:border-teal-400 {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .sm\:border-teal-500 {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .sm\:border-teal-600 {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .sm\:border-teal-700 {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .sm\:border-teal-800 {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .sm\:border-teal-900 {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .sm\:border-blue-50 {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:border-blue-100 {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .sm\:border-blue-200 {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .sm\:border-blue-300 {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .sm\:border-blue-400 {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .sm\:border-blue-500 {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .sm\:border-blue-600 {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .sm\:border-blue-700 {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .sm\:border-blue-800 {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .sm\:border-blue-900 {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-50 {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-100 {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-200 {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-300 {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-400 {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-500 {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-600 {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-700 {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-800 {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .sm\:border-indigo-900 {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .sm\:border-purple-50 {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:border-purple-100 {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .sm\:border-purple-200 {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .sm\:border-purple-300 {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .sm\:border-purple-400 {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .sm\:border-purple-500 {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .sm\:border-purple-600 {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .sm\:border-purple-700 {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .sm\:border-purple-800 {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .sm\:border-purple-900 {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .sm\:border-pink-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .sm\:border-pink-100 {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .sm\:border-pink-200 {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .sm\:border-pink-300 {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .sm\:border-pink-400 {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .sm\:border-pink-500 {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .sm\:border-pink-600 {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .sm\:border-pink-700 {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .sm\:border-pink-800 {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .sm\:border-pink-900 {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .sm\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .sm\:hover\:border-black:hover {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-white:hover {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-50:hover {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-100:hover {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-200:hover {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-400:hover {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-500:hover {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-600:hover {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-700:hover {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-800:hover {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-red-900:hover {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-50:hover {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-50:hover {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-50:hover {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-100:hover {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-200:hover {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-300:hover {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-400:hover {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-500:hover {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-600:hover {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-700:hover {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-800:hover {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-green-900:hover {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-50:hover {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-50:hover {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-50:hover {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-50:hover {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .sm\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .sm\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .sm\:focus\:border-black:focus {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-white:focus {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-50:focus {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-100:focus {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-200:focus {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-400:focus {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-500:focus {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-600:focus {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-700:focus {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-800:focus {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-red-900:focus {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-50:focus {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-50:focus {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-50:focus {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-100:focus {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-200:focus {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-300:focus {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-400:focus {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-500:focus {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-600:focus {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-700:focus {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-800:focus {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-green-900:focus {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-50:focus {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-50:focus {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-50:focus {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-50:focus {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .sm\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .sm\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .sm\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .sm\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .sm\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .sm\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .sm\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .sm\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .sm\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .sm\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .sm\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .sm\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .sm\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .sm\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .sm\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .sm\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
+ }
+
+ .sm\:rounded-none {
+ border-radius: 0;
+ }
+
+ .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-full {
+ border-radius: 9999px;
+ }
+
+ .sm\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .sm\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .sm\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .sm\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .sm\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .sm\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .sm\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .sm\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .sm\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .sm\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .sm\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .sm\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .sm\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .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-0 {
+ border-width: 0;
+ }
+
+ .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: 0;
+ }
+
+ .sm\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .sm\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .sm\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .sm\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .sm\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .sm\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .sm\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .sm\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .sm\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .sm\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .sm\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .sm\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .sm\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .sm\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .sm\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .sm\:border-t {
+ border-top-width: 1px;
+ }
+
+ .sm\:border-r {
+ border-right-width: 1px;
+ }
+
+ .sm\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .sm\:border-l {
+ border-left-width: 1px;
+ }
+
+ .sm\:box-border {
+ box-sizing: border-box;
+ }
+
+ .sm\:box-content {
+ box-sizing: content-box;
+ }
+
+ .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-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .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\: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\:hidden {
+ display: 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-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .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\: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\: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\: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\: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-grow-0 {
+ flex-grow: 0;
+ }
+
+ .sm\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .sm\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .sm\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .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\:float-right {
+ float: right;
+ }
+
+ .sm\:float-left {
+ float: left;
+ }
+
+ .sm\:float-none {
+ float: none;
+ }
+
+ .sm\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .sm\:clear-left {
+ clear: left;
+ }
+
+ .sm\:clear-right {
+ clear: right;
+ }
+
+ .sm\:clear-both {
+ clear: both;
+ }
+
+ .sm\:clear-none {
+ clear: none;
+ }
+
+ .sm\:font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .sm\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .sm\:font-hairline {
+ font-weight: 100;
+ }
+
+ .sm\:font-thin {
+ 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\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .sm\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .sm\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .sm\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .sm\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .sm\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .sm\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .sm\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .sm\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .sm\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .sm\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .sm\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .sm\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .sm\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .sm\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .sm\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .sm\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .sm\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .sm\:h-0 {
+ height: 0;
+ }
+
+ .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-8 {
+ height: 2rem;
+ }
+
+ .sm\:h-10 {
+ height: 2.5rem;
+ }
+
+ .sm\:h-12 {
+ height: 3rem;
+ }
+
+ .sm\:h-16 {
+ height: 4rem;
+ }
+
+ .sm\:h-20 {
+ height: 5rem;
+ }
+
+ .sm\:h-24 {
+ height: 6rem;
+ }
+
+ .sm\:h-32 {
+ height: 8rem;
+ }
+
+ .sm\:h-40 {
+ height: 10rem;
+ }
+
+ .sm\:h-48 {
+ height: 12rem;
+ }
+
+ .sm\:h-56 {
+ height: 14rem;
+ }
+
+ .sm\:h-64 {
+ height: 16rem;
+ }
+
+ .sm\:h-auto {
+ height: auto;
+ }
+
+ .sm\:h-px {
+ height: 1px;
+ }
+
+ .sm\:h-full {
+ height: 100%;
+ }
+
+ .sm\:h-screen {
+ height: 100vh;
+ }
+
+ .sm\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .sm\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .sm\:text-base {
+ font-size: 1rem;
+ }
+
+ .sm\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .sm\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .sm\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .sm\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .sm\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .sm\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .sm\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .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\: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\:m-0 {
+ margin: 0;
+ }
+
+ .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-8 {
+ margin: 2rem;
+ }
+
+ .sm\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .sm\:m-12 {
+ margin: 3rem;
+ }
+
+ .sm\:m-16 {
+ margin: 4rem;
+ }
+
+ .sm\:m-20 {
+ margin: 5rem;
+ }
+
+ .sm\:m-24 {
+ margin: 6rem;
+ }
+
+ .sm\:m-32 {
+ margin: 8rem;
+ }
+
+ .sm\:m-40 {
+ margin: 10rem;
+ }
+
+ .sm\:m-48 {
+ margin: 12rem;
+ }
+
+ .sm\:m-56 {
+ margin: 14rem;
+ }
+
+ .sm\:m-64 {
+ margin: 16rem;
+ }
+
+ .sm\:m-auto {
+ margin: auto;
+ }
+
+ .sm\:m-px {
+ margin: 1px;
+ }
+
+ .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-8 {
+ margin: -2rem;
+ }
+
+ .sm\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .sm\:-m-12 {
+ margin: -3rem;
+ }
+
+ .sm\:-m-16 {
+ margin: -4rem;
+ }
+
+ .sm\:-m-20 {
+ margin: -5rem;
+ }
+
+ .sm\:-m-24 {
+ margin: -6rem;
+ }
+
+ .sm\:-m-32 {
+ margin: -8rem;
+ }
+
+ .sm\:-m-40 {
+ margin: -10rem;
+ }
+
+ .sm\:-m-48 {
+ margin: -12rem;
+ }
+
+ .sm\:-m-56 {
+ margin: -14rem;
+ }
+
+ .sm\:-m-64 {
+ margin: -16rem;
+ }
+
+ .sm\:-m-px {
+ margin: -1px;
+ }
+
+ .sm\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .sm\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .sm\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .sm\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .sm\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .sm\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .sm\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .sm\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .sm\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .sm\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .sm\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .sm\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .sm\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .sm\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .sm\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .sm\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .sm\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .sm\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .sm\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .sm\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .sm\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .sm\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .sm\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .sm\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .sm\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .sm\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .sm\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .sm\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .sm\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .sm\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .sm\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .sm\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .sm\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .sm\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .sm\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .sm\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .sm\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .sm\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .sm\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .sm\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .sm\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .sm\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .sm\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .sm\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .sm\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .sm\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .sm\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .sm\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .sm\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .sm\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .sm\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .sm\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .sm\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .sm\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .sm\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .sm\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .sm\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .sm\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .sm\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .sm\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .sm\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .sm\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .sm\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .sm\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .sm\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .sm\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .sm\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .sm\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .sm\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .sm\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .sm\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .sm\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .sm\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .sm\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .sm\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .sm\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .sm\:mt-0 {
+ margin-top: 0;
+ }
+
+ .sm\:mr-0 {
+ margin-right: 0;
+ }
+
+ .sm\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .sm\:ml-0 {
+ margin-left: 0;
+ }
+
+ .sm\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .sm\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .sm\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .sm\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .sm\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .sm\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .sm\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .sm\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .sm\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .sm\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .sm\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .sm\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .sm\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .sm\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .sm\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .sm\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .sm\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .sm\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .sm\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .sm\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .sm\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .sm\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .sm\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .sm\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .sm\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .sm\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .sm\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .sm\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .sm\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .sm\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .sm\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .sm\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .sm\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .sm\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .sm\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .sm\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .sm\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .sm\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .sm\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .sm\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .sm\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .sm\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .sm\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .sm\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .sm\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .sm\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .sm\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .sm\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .sm\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .sm\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .sm\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .sm\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .sm\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .sm\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .sm\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .sm\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .sm\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .sm\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .sm\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .sm\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .sm\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .sm\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .sm\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .sm\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .sm\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .sm\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .sm\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .sm\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .sm\:mt-auto {
+ margin-top: auto;
+ }
+
+ .sm\:mr-auto {
+ margin-right: auto;
+ }
+
+ .sm\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .sm\:ml-auto {
+ margin-left: auto;
+ }
+
+ .sm\:mt-px {
+ margin-top: 1px;
+ }
+
+ .sm\:mr-px {
+ margin-right: 1px;
+ }
+
+ .sm\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .sm\:ml-px {
+ margin-left: 1px;
+ }
+
+ .sm\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .sm\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .sm\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .sm\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .sm\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .sm\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .sm\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .sm\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .sm\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .sm\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .sm\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .sm\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .sm\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .sm\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .sm\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .sm\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .sm\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .sm\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .sm\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .sm\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .sm\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .sm\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .sm\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .sm\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .sm\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .sm\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .sm\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .sm\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .sm\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .sm\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .sm\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .sm\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .sm\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .sm\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .sm\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .sm\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .sm\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .sm\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .sm\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .sm\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .sm\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .sm\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .sm\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .sm\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .sm\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .sm\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .sm\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .sm\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .sm\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .sm\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .sm\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .sm\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .sm\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .sm\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .sm\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .sm\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .sm\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .sm\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .sm\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .sm\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .sm\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .sm\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .sm\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .sm\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .sm\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .sm\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .sm\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .sm\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .sm\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .sm\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .sm\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .sm\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .sm\:max-h-full {
+ max-height: 100%;
+ }
+
+ .sm\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .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-full {
+ max-width: 100%;
+ }
+
+ .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\:min-h-0 {
+ min-height: 0;
+ }
+
+ .sm\:min-h-full {
+ min-height: 100%;
+ }
+
+ .sm\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .sm\:min-w-0 {
+ min-width: 0;
+ }
+
+ .sm\:min-w-full {
+ min-width: 100%;
+ }
+
+ .sm\:object-contain {
+ object-fit: contain;
+ }
+
+ .sm\:object-cover {
+ object-fit: cover;
+ }
+
+ .sm\:object-fill {
+ object-fit: fill;
+ }
+
+ .sm\:object-none {
+ object-fit: none;
+ }
+
+ .sm\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .sm\:object-bottom {
+ object-position: bottom;
+ }
+
+ .sm\:object-center {
+ object-position: center;
+ }
+
+ .sm\:object-left {
+ object-position: left;
+ }
+
+ .sm\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .sm\:object-left-top {
+ object-position: left top;
+ }
+
+ .sm\:object-right {
+ object-position: right;
+ }
+
+ .sm\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .sm\:object-right-top {
+ object-position: right top;
+ }
+
+ .sm\:object-top {
+ object-position: top;
+ }
+
+ .sm\:opacity-0 {
+ opacity: 0;
+ }
+
+ .sm\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .sm\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .sm\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .sm\:opacity-100 {
+ opacity: 1;
+ }
+
+ .sm\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .sm\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .sm\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .sm\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .sm\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .sm\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .sm\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .sm\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .sm\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .sm\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .sm\:outline-none {
+ outline: 0;
+ }
+
+ .sm\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .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\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .sm\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .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\:p-0 {
+ padding: 0;
+ }
+
+ .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-8 {
+ padding: 2rem;
+ }
+
+ .sm\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .sm\:p-12 {
+ padding: 3rem;
+ }
+
+ .sm\:p-16 {
+ padding: 4rem;
+ }
+
+ .sm\:p-20 {
+ padding: 5rem;
+ }
+
+ .sm\:p-24 {
+ padding: 6rem;
+ }
+
+ .sm\:p-32 {
+ padding: 8rem;
+ }
+
+ .sm\:p-40 {
+ padding: 10rem;
+ }
+
+ .sm\:p-48 {
+ padding: 12rem;
+ }
+
+ .sm\:p-56 {
+ padding: 14rem;
+ }
+
+ .sm\:p-64 {
+ padding: 16rem;
+ }
+
+ .sm\:p-px {
+ padding: 1px;
+ }
+
+ .sm\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .sm\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .sm\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .sm\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .sm\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .sm\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .sm\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .sm\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .sm\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .sm\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .sm\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .sm\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .sm\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .sm\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .sm\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .sm\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .sm\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .sm\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .sm\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .sm\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .sm\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .sm\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .sm\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .sm\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .sm\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .sm\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .sm\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .sm\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .sm\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .sm\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .sm\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .sm\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .sm\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .sm\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .sm\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .sm\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .sm\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .sm\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .sm\:pt-0 {
+ padding-top: 0;
+ }
+
+ .sm\:pr-0 {
+ padding-right: 0;
+ }
+
+ .sm\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .sm\:pl-0 {
+ padding-left: 0;
+ }
+
+ .sm\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .sm\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .sm\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .sm\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .sm\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .sm\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .sm\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .sm\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .sm\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .sm\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .sm\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .sm\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .sm\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .sm\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .sm\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .sm\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .sm\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .sm\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .sm\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .sm\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .sm\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .sm\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .sm\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .sm\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .sm\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .sm\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .sm\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .sm\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .sm\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .sm\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .sm\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .sm\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .sm\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .sm\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .sm\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .sm\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .sm\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .sm\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .sm\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .sm\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .sm\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .sm\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .sm\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .sm\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .sm\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .sm\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .sm\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .sm\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .sm\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .sm\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .sm\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .sm\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .sm\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .sm\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .sm\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .sm\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .sm\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .sm\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .sm\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .sm\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .sm\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .sm\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .sm\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .sm\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .sm\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .sm\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .sm\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .sm\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .sm\:pt-px {
+ padding-top: 1px;
+ }
+
+ .sm\:pr-px {
+ padding-right: 1px;
+ }
+
+ .sm\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .sm\:pl-px {
+ padding-left: 1px;
+ }
+
+ .sm\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .sm\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .sm\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .sm\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .sm\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .sm\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .sm\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .sm\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .sm\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .sm\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .sm\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .sm\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .sm\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .sm\:static {
+ position: static;
+ }
+
+ .sm\:fixed {
+ position: fixed;
+ }
+
+ .sm\:absolute {
+ position: absolute;
+ }
+
+ .sm\:relative {
+ position: relative;
+ }
+
+ .sm\:sticky {
+ position: sticky;
+ }
+
+ .sm\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .sm\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .sm\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .sm\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .sm\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .sm\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .sm\:top-0 {
+ top: 0;
+ }
+
+ .sm\:right-0 {
+ right: 0;
+ }
+
+ .sm\:bottom-0 {
+ bottom: 0;
+ }
+
+ .sm\:left-0 {
+ left: 0;
+ }
+
+ .sm\:top-auto {
+ top: auto;
+ }
+
+ .sm\:right-auto {
+ right: auto;
+ }
+
+ .sm\:bottom-auto {
+ bottom: auto;
+ }
+
+ .sm\:left-auto {
+ left: auto;
+ }
+
+ .sm\:resize-none {
+ resize: none;
+ }
+
+ .sm\:resize-y {
+ resize: vertical;
+ }
+
+ .sm\:resize-x {
+ resize: horizontal;
+ }
+
+ .sm\:resize {
+ resize: both;
+ }
+
+ .sm\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:shadow-none {
+ box-shadow: none;
+ }
+
+ .sm\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .sm\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .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\:table-auto {
+ table-layout: auto;
+ }
+
+ .sm\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .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\:text-transparent {
+ color: transparent;
+ }
+
+ .sm\:text-current {
+ color: currentColor;
+ }
+
+ .sm\:text-black {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .sm\:text-white {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .sm\:text-gray-50 {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .sm\:text-gray-100 {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .sm\:text-gray-200 {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .sm\:text-gray-300 {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .sm\:text-gray-400 {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .sm\:text-gray-500 {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .sm\:text-gray-600 {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .sm\:text-gray-700 {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .sm\:text-gray-800 {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .sm\:text-gray-900 {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .sm\:text-red-50 {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .sm\:text-red-100 {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .sm\:text-red-200 {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .sm\:text-red-300 {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .sm\:text-red-400 {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .sm\:text-red-500 {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .sm\:text-red-600 {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .sm\:text-red-700 {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .sm\:text-red-800 {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .sm\:text-red-900 {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .sm\:text-orange-50 {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .sm\:text-orange-100 {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .sm\:text-orange-200 {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .sm\:text-orange-300 {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .sm\:text-orange-400 {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .sm\:text-orange-500 {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .sm\:text-orange-600 {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .sm\:text-orange-700 {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .sm\:text-orange-800 {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .sm\:text-orange-900 {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-50 {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-100 {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-200 {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-300 {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-400 {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-500 {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-600 {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-700 {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-800 {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .sm\:text-yellow-900 {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .sm\:text-green-50 {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .sm\:text-green-100 {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .sm\:text-green-200 {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .sm\:text-green-300 {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .sm\:text-green-400 {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .sm\:text-green-500 {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .sm\:text-green-600 {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .sm\:text-green-700 {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .sm\:text-green-800 {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .sm\:text-green-900 {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .sm\:text-teal-50 {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .sm\:text-teal-100 {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .sm\:text-teal-200 {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .sm\:text-teal-300 {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .sm\:text-teal-400 {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .sm\:text-teal-500 {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .sm\:text-teal-600 {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .sm\:text-teal-700 {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .sm\:text-teal-800 {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .sm\:text-teal-900 {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .sm\:text-blue-50 {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:text-blue-100 {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .sm\:text-blue-200 {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .sm\:text-blue-300 {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .sm\:text-blue-400 {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .sm\:text-blue-500 {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .sm\:text-blue-600 {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .sm\:text-blue-700 {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .sm\:text-blue-800 {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .sm\:text-blue-900 {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-50 {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-100 {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-200 {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-300 {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-400 {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-500 {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-600 {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-700 {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-800 {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .sm\:text-indigo-900 {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .sm\:text-purple-50 {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:text-purple-100 {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .sm\:text-purple-200 {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .sm\:text-purple-300 {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .sm\:text-purple-400 {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .sm\:text-purple-500 {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .sm\:text-purple-600 {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .sm\:text-purple-700 {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .sm\:text-purple-800 {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .sm\:text-purple-900 {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .sm\:text-pink-50 {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .sm\:text-pink-100 {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .sm\:text-pink-200 {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .sm\:text-pink-300 {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .sm\:text-pink-400 {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .sm\:text-pink-500 {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .sm\:text-pink-600 {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .sm\:text-pink-700 {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .sm\:text-pink-800 {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .sm\:text-pink-900 {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .sm\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .sm\:hover\:text-black:hover {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-white:hover {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-50:hover {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-100:hover {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-200:hover {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-300:hover {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-400:hover {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-500:hover {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-600:hover {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-700:hover {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-800:hover {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-red-900:hover {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-50:hover {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-50:hover {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-50:hover {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-100:hover {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-200:hover {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-300:hover {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-400:hover {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-500:hover {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-600:hover {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-700:hover {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-800:hover {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-green-900:hover {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-50:hover {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-50:hover {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-50:hover {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-50:hover {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .sm\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .sm\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .sm\:focus\:text-black:focus {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-white:focus {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-50:focus {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-100:focus {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-200:focus {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-300:focus {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-400:focus {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-500:focus {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-600:focus {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-700:focus {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-800:focus {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-red-900:focus {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-50:focus {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-50:focus {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-50:focus {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-100:focus {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-200:focus {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-300:focus {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-400:focus {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-500:focus {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-600:focus {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-700:focus {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-800:focus {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-green-900:focus {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-50:focus {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-50:focus {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-50:focus {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-50:focus {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .sm\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .sm\:text-opacity-0 {
+ --text-opacity: 0;
+ }
+
+ .sm\:text-opacity-25 {
+ --text-opacity: 0.25;
+ }
+
+ .sm\:text-opacity-50 {
+ --text-opacity: 0.5;
+ }
+
+ .sm\:text-opacity-75 {
+ --text-opacity: 0.75;
+ }
+
+ .sm\:text-opacity-100 {
+ --text-opacity: 1;
+ }
+
+ .sm\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
+ }
+
+ .sm\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
+ }
+
+ .sm\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
+ }
+
+ .sm\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
+ }
+
+ .sm\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .sm\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .sm\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .sm\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .sm\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .sm\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
+ }
+
+ .sm\:italic {
+ font-style: italic;
+ }
+
+ .sm\:not-italic {
+ font-style: normal;
+ }
+
+ .sm\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .sm\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .sm\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .sm\:normal-case {
+ text-transform: none;
+ }
+
+ .sm\:underline {
+ text-decoration: underline;
+ }
+
+ .sm\:line-through {
+ text-decoration: line-through;
+ }
+
+ .sm\:no-underline {
+ 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\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .sm\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .sm\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .sm\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .sm\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .sm\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .sm\:select-none {
+ user-select: none;
+ }
+
+ .sm\:select-text {
+ user-select: text;
+ }
+
+ .sm\:select-all {
+ user-select: all;
+ }
+
+ .sm\:select-auto {
+ user-select: auto;
+ }
+
+ .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\:visible {
+ visibility: visible;
+ }
+
+ .sm\:invisible {
+ visibility: hidden;
+ }
+
+ .sm\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .sm\:whitespace-no-wrap {
+ 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\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .sm\:w-0 {
+ width: 0;
+ }
+
+ .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-8 {
+ width: 2rem;
+ }
+
+ .sm\:w-10 {
+ width: 2.5rem;
+ }
+
+ .sm\:w-12 {
+ width: 3rem;
+ }
+
+ .sm\:w-16 {
+ width: 4rem;
+ }
+
+ .sm\:w-20 {
+ width: 5rem;
+ }
+
+ .sm\:w-24 {
+ width: 6rem;
+ }
+
+ .sm\:w-32 {
+ width: 8rem;
+ }
+
+ .sm\:w-40 {
+ width: 10rem;
+ }
+
+ .sm\:w-48 {
+ width: 12rem;
+ }
+
+ .sm\:w-56 {
+ width: 14rem;
+ }
+
+ .sm\:w-64 {
+ width: 16rem;
+ }
+
+ .sm\:w-auto {
+ width: auto;
+ }
+
+ .sm\:w-px {
+ width: 1px;
+ }
+
+ .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\: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\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .sm\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .sm\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .sm\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .sm\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .sm\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .sm\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .sm\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .sm\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .sm\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .sm\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .sm\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .sm\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .sm\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .sm\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .sm\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .sm\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .sm\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .sm\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .sm\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .sm\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .sm\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .sm\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .sm\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .sm\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .sm\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .sm\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .sm\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .sm\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .sm\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .sm\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .sm\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .sm\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .sm\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .sm\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .sm\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .sm\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .sm\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .sm\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .sm\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .sm\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .sm\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .sm\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .sm\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .sm\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .sm\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .sm\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .sm\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .sm\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .sm\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .sm\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .sm\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .sm\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .sm\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .sm\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .sm\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .sm\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .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\: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\: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-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\: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\: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-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\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .sm\:transform-none {
+ transform: none;
+ }
+
+ .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\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .sm\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .sm\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .sm\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .sm\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .sm\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .sm\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .sm\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .sm\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .sm\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .sm\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .sm\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .sm\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .sm\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .sm\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .sm\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .sm\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .sm\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .sm\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .sm\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .sm\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .sm\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .sm\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .sm\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .sm\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .sm\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .sm\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .sm\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .sm\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .sm\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .sm\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .sm\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .sm\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .sm\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .sm\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .sm\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .sm\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .sm\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .sm\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .sm\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .sm\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .sm\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .sm\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .sm\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .sm\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .sm\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .sm\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .sm\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .sm\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .sm\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .sm\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .sm\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .sm\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .sm\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .sm\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .sm\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .sm\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .sm\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .sm\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .sm\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .sm\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .sm\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .sm\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .sm\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .sm\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .sm\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .sm\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .sm\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .sm\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .sm\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .sm\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .sm\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .sm\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .sm\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .sm\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .sm\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .sm\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .sm\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .sm\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .sm\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .sm\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .sm\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .sm\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .sm\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .sm\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .sm\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .sm\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .sm\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .sm\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .sm\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .sm\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .sm\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .sm\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .sm\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .sm\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .sm\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .sm\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .sm\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .sm\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .sm\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .sm\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .sm\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .sm\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .sm\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .sm\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .sm\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .sm\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .sm\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .sm\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .sm\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .sm\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .sm\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .sm\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .sm\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .sm\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .sm\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .sm\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .sm\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .sm\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .sm\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .sm\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .sm\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .sm\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .sm\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .sm\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .sm\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .sm\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .sm\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .sm\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .sm\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .sm\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .sm\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .sm\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .sm\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .sm\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .sm\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .sm\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .sm\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .sm\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .sm\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .sm\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .sm\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .sm\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .sm\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .sm\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .sm\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .sm\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .sm\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .sm\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .sm\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .sm\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .sm\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .sm\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .sm\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .sm\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .sm\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .sm\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .sm\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .sm\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .sm\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .sm\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .sm\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .sm\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .sm\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .sm\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .sm\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .sm\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .sm\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .sm\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .sm\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .sm\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .sm\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .sm\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .sm\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .sm\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .sm\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .sm\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .sm\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .sm\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .sm\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .sm\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .sm\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .sm\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .sm\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .sm\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .sm\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .sm\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .sm\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .sm\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .sm\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .sm\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .sm\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .sm\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .sm\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .sm\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .sm\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .sm\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .sm\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .sm\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .sm\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .sm\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .sm\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .sm\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .sm\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .sm\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .sm\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .sm\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .sm\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .sm\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .sm\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .sm\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .sm\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .sm\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .sm\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .sm\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .sm\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .sm\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .sm\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .sm\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .sm\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .sm\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .sm\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .sm\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .sm\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .sm\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .sm\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .sm\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .sm\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .sm\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .sm\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .sm\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .sm\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .sm\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .sm\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .sm\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .sm\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .sm\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .sm\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .sm\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .sm\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .sm\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .sm\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .sm\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .sm\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .sm\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .sm\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .sm\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .sm\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .sm\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .sm\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .sm\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .sm\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .sm\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .sm\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .sm\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .sm\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .sm\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .sm\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .sm\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .sm\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .sm\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .sm\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .sm\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .sm\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .sm\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .sm\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .sm\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .sm\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .sm\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .sm\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .sm\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .sm\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .sm\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .sm\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .sm\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .sm\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .sm\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .sm\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .sm\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .sm\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .sm\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .sm\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .sm\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .sm\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .sm\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .sm\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .sm\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .sm\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .sm\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .sm\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .sm\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .sm\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .sm\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .sm\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .sm\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .sm\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .sm\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .sm\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .sm\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .sm\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .sm\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .sm\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .sm\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .sm\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .sm\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .sm\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .sm\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .sm\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .sm\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .sm\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .sm\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .sm\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .sm\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .sm\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .sm\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .sm\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .sm\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .sm\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .sm\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .sm\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .sm\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .sm\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .sm\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .sm\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .sm\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .sm\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .sm\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .sm\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .sm\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .sm\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .sm\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .sm\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .sm\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .sm\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .sm\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .sm\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .sm\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .sm\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .sm\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .sm\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .sm\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .sm\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .sm\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .sm\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .sm\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .sm\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .sm\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .sm\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .sm\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .sm\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .sm\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .sm\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .sm\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .sm\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .sm\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .sm\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .sm\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .sm\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .sm\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .sm\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .sm\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .sm\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .sm\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .sm\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .sm\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .sm\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .sm\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .sm\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .sm\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .sm\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .sm\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .sm\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .sm\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .sm\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .sm\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .sm\:transition-none {
+ transition-property: none;
+ }
+
+ .sm\:transition-all {
+ transition-property: all;
+ }
+
+ .sm\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .sm\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .sm\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .sm\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .sm\:transition-transform {
+ transition-property: transform;
+ }
+
+ .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);
+ }
+
+ .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\: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\: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\:example {
+ font-weight: 700;
+ color: #f05252;
+ }
+}
+
+@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;
+ }
+ }
+
+ .md\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .md\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .md\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .md\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .md\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .md\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .md\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .md\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .md\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .md\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--divide-opacity));
+ }
+
+ .md\:divide-red-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--divide-opacity));
+ }
+
+ .md\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--divide-opacity));
+ }
+
+ .md\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--divide-opacity));
+ }
+
+ .md\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--divide-opacity));
+ }
+
+ .md\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--divide-opacity));
+ }
+
+ .md\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--divide-opacity));
+ }
+
+ .md\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--divide-opacity));
+ }
+
+ .md\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--divide-opacity));
+ }
+
+ .md\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--divide-opacity));
+ }
+
+ .md\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--divide-opacity));
+ }
+
+ .md\:divide-green-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--divide-opacity));
+ }
+
+ .md\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--divide-opacity));
+ }
+
+ .md\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--divide-opacity));
+ }
+
+ .md\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--divide-opacity));
+ }
+
+ .md\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--divide-opacity));
+ }
+
+ .md\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--divide-opacity));
+ }
+
+ .md\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--divide-opacity));
+ }
+
+ .md\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--divide-opacity));
+ }
+
+ .md\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--divide-opacity));
+ }
+
+ .md\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--divide-opacity));
+ }
+
+ .md\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .md\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .md\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .md\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .md\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
+ .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\: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\:appearance-none {
+ appearance: none;
+ }
+
+ .md\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .md\:bg-local {
+ background-attachment: local;
+ }
+
+ .md\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .md\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .md\:bg-current {
+ background-color: currentColor;
+ }
+
+ .md\:bg-black {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .md\:bg-white {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-50 {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-100 {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-200 {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-300 {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-400 {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-500 {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-600 {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-700 {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-800 {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .md\:bg-gray-900 {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .md\:bg-red-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .md\:bg-red-100 {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .md\:bg-red-200 {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .md\:bg-red-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .md\:bg-red-400 {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .md\:bg-red-500 {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .md\:bg-red-600 {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .md\:bg-red-700 {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .md\:bg-red-800 {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .md\:bg-red-900 {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-50 {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-100 {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-200 {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-300 {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-400 {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-500 {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-600 {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-700 {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-800 {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .md\:bg-orange-900 {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-50 {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-100 {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-200 {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-300 {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-400 {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-500 {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-600 {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-700 {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-800 {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .md\:bg-yellow-900 {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .md\:bg-green-50 {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .md\:bg-green-100 {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .md\:bg-green-200 {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .md\:bg-green-300 {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .md\:bg-green-400 {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .md\:bg-green-500 {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .md\:bg-green-600 {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .md\:bg-green-700 {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .md\:bg-green-800 {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .md\:bg-green-900 {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-50 {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-100 {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-200 {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-300 {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-400 {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-500 {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-600 {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-700 {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-800 {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .md\:bg-teal-900 {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-50 {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-100 {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-200 {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-300 {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-400 {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-500 {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-600 {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-700 {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-800 {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .md\:bg-blue-900 {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-50 {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-100 {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-200 {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-300 {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-400 {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-500 {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-600 {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-700 {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-800 {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .md\:bg-indigo-900 {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-50 {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-100 {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-200 {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-300 {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-400 {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-500 {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-600 {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-700 {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-800 {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .md\:bg-purple-900 {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-100 {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-200 {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-400 {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-500 {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-600 {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-700 {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-800 {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .md\:bg-pink-900 {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .md\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .md\:hover\:bg-black:hover {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-white:hover {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-50:hover {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-50:hover {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-50:hover {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-50:hover {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-50:hover {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-50:hover {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-50:hover {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .md\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .md\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .md\:focus\:bg-black:focus {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-white:focus {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-50:focus {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-50:focus {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-50:focus {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-50:focus {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-50:focus {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-50:focus {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-50:focus {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .md\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .md\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .md\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .md\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .md\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .md\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .md\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .md\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .md\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .md\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .md\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .md\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .md\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .md\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .md\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .md\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
+ }
+
+ .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-auto {
+ background-size: auto;
+ }
+
+ .md\:bg-cover {
+ background-size: cover;
+ }
+
+ .md\:bg-contain {
+ background-size: contain;
+ }
+
+ .md\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .md\:border-separate {
+ border-collapse: separate;
+ }
+
+ .md\:border-transparent {
+ border-color: transparent;
+ }
+
+ .md\:border-current {
+ border-color: currentColor;
+ }
+
+ .md\:border-black {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .md\:border-white {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .md\:border-gray-50 {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .md\:border-gray-100 {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .md\:border-gray-200 {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .md\:border-gray-300 {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .md\:border-gray-400 {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .md\:border-gray-500 {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .md\:border-gray-600 {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .md\:border-gray-700 {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .md\:border-gray-800 {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .md\:border-gray-900 {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .md\:border-red-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .md\:border-red-100 {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .md\:border-red-200 {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .md\:border-red-300 {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .md\:border-red-400 {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .md\:border-red-500 {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .md\:border-red-600 {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .md\:border-red-700 {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .md\:border-red-800 {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .md\:border-red-900 {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .md\:border-orange-50 {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .md\:border-orange-100 {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .md\:border-orange-200 {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .md\:border-orange-300 {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .md\:border-orange-400 {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .md\:border-orange-500 {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .md\:border-orange-600 {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .md\:border-orange-700 {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .md\:border-orange-800 {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .md\:border-orange-900 {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .md\:border-yellow-50 {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .md\:border-yellow-100 {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .md\:border-yellow-200 {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .md\:border-yellow-300 {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .md\:border-yellow-400 {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .md\:border-yellow-500 {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .md\:border-yellow-600 {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .md\:border-yellow-700 {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .md\:border-yellow-800 {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .md\:border-yellow-900 {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .md\:border-green-50 {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .md\:border-green-100 {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .md\:border-green-200 {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .md\:border-green-300 {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .md\:border-green-400 {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .md\:border-green-500 {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .md\:border-green-600 {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .md\:border-green-700 {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .md\:border-green-800 {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .md\:border-green-900 {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .md\:border-teal-50 {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .md\:border-teal-100 {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .md\:border-teal-200 {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .md\:border-teal-300 {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .md\:border-teal-400 {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .md\:border-teal-500 {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .md\:border-teal-600 {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .md\:border-teal-700 {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .md\:border-teal-800 {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .md\:border-teal-900 {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .md\:border-blue-50 {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .md\:border-blue-100 {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .md\:border-blue-200 {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .md\:border-blue-300 {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .md\:border-blue-400 {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .md\:border-blue-500 {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .md\:border-blue-600 {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .md\:border-blue-700 {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .md\:border-blue-800 {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .md\:border-blue-900 {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .md\:border-indigo-50 {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .md\:border-indigo-100 {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .md\:border-indigo-200 {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .md\:border-indigo-300 {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .md\:border-indigo-400 {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .md\:border-indigo-500 {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .md\:border-indigo-600 {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .md\:border-indigo-700 {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .md\:border-indigo-800 {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .md\:border-indigo-900 {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .md\:border-purple-50 {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .md\:border-purple-100 {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .md\:border-purple-200 {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .md\:border-purple-300 {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .md\:border-purple-400 {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .md\:border-purple-500 {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .md\:border-purple-600 {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .md\:border-purple-700 {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .md\:border-purple-800 {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .md\:border-purple-900 {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .md\:border-pink-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .md\:border-pink-100 {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .md\:border-pink-200 {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .md\:border-pink-300 {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .md\:border-pink-400 {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .md\:border-pink-500 {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .md\:border-pink-600 {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .md\:border-pink-700 {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .md\:border-pink-800 {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .md\:border-pink-900 {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .md\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .md\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .md\:hover\:border-black:hover {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .md\:hover\:border-white:hover {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-50:hover {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .md\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-100:hover {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-200:hover {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-400:hover {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-500:hover {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-600:hover {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-700:hover {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-800:hover {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .md\:hover\:border-red-900:hover {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-50:hover {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .md\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-50:hover {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .md\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-50:hover {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-100:hover {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-200:hover {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-300:hover {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-400:hover {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-500:hover {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-600:hover {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-700:hover {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-800:hover {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .md\:hover\:border-green-900:hover {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-50:hover {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .md\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-50:hover {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .md\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-50:hover {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .md\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-50:hover {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .md\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .md\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .md\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .md\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .md\:focus\:border-black:focus {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .md\:focus\:border-white:focus {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-50:focus {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .md\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-100:focus {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-200:focus {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-400:focus {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-500:focus {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-600:focus {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-700:focus {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-800:focus {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .md\:focus\:border-red-900:focus {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-50:focus {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .md\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-50:focus {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .md\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-50:focus {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-100:focus {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-200:focus {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-300:focus {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-400:focus {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-500:focus {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-600:focus {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-700:focus {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-800:focus {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .md\:focus\:border-green-900:focus {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-50:focus {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .md\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-50:focus {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .md\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-50:focus {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .md\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-50:focus {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .md\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .md\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .md\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .md\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .md\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .md\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .md\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .md\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .md\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .md\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .md\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .md\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .md\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .md\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .md\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .md\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .md\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
+ }
+
+ .md\:rounded-none {
+ border-radius: 0;
+ }
+
+ .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-full {
+ border-radius: 9999px;
+ }
+
+ .md\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .md\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .md\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .md\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .md\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .md\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .md\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .md\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .md\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .md\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .md\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .md\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .md\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .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-0 {
+ border-width: 0;
+ }
+
+ .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: 0;
+ }
+
+ .md\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .md\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .md\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .md\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .md\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .md\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .md\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .md\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .md\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .md\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .md\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .md\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .md\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .md\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .md\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .md\:border-t {
+ border-top-width: 1px;
+ }
+
+ .md\:border-r {
+ border-right-width: 1px;
+ }
+
+ .md\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .md\:border-l {
+ border-left-width: 1px;
+ }
+
+ .md\:box-border {
+ box-sizing: border-box;
+ }
+
+ .md\:box-content {
+ box-sizing: content-box;
+ }
+
+ .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-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .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\: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\:hidden {
+ display: 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-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .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\: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\: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\: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\: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-grow-0 {
+ flex-grow: 0;
+ }
+
+ .md\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .md\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .md\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .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\:float-right {
+ float: right;
+ }
+
+ .md\:float-left {
+ float: left;
+ }
+
+ .md\:float-none {
+ float: none;
+ }
+
+ .md\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .md\:clear-left {
+ clear: left;
+ }
+
+ .md\:clear-right {
+ clear: right;
+ }
+
+ .md\:clear-both {
+ clear: both;
+ }
+
+ .md\:clear-none {
+ clear: none;
+ }
+
+ .md\:font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .md\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .md\:font-hairline {
+ font-weight: 100;
+ }
+
+ .md\:font-thin {
+ 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\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .md\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .md\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .md\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .md\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .md\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .md\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .md\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .md\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .md\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .md\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .md\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .md\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .md\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .md\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .md\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .md\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .md\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .md\:h-0 {
+ height: 0;
+ }
+
+ .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-8 {
+ height: 2rem;
+ }
+
+ .md\:h-10 {
+ height: 2.5rem;
+ }
+
+ .md\:h-12 {
+ height: 3rem;
+ }
+
+ .md\:h-16 {
+ height: 4rem;
+ }
+
+ .md\:h-20 {
+ height: 5rem;
+ }
+
+ .md\:h-24 {
+ height: 6rem;
+ }
+
+ .md\:h-32 {
+ height: 8rem;
+ }
+
+ .md\:h-40 {
+ height: 10rem;
+ }
+
+ .md\:h-48 {
+ height: 12rem;
+ }
+
+ .md\:h-56 {
+ height: 14rem;
+ }
+
+ .md\:h-64 {
+ height: 16rem;
+ }
+
+ .md\:h-auto {
+ height: auto;
+ }
+
+ .md\:h-px {
+ height: 1px;
+ }
+
+ .md\:h-full {
+ height: 100%;
+ }
+
+ .md\:h-screen {
+ height: 100vh;
+ }
+
+ .md\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .md\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .md\:text-base {
+ font-size: 1rem;
+ }
+
+ .md\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .md\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .md\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .md\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .md\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .md\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .md\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .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\: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\:m-0 {
+ margin: 0;
+ }
+
+ .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-8 {
+ margin: 2rem;
+ }
+
+ .md\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .md\:m-12 {
+ margin: 3rem;
+ }
+
+ .md\:m-16 {
+ margin: 4rem;
+ }
+
+ .md\:m-20 {
+ margin: 5rem;
+ }
+
+ .md\:m-24 {
+ margin: 6rem;
+ }
+
+ .md\:m-32 {
+ margin: 8rem;
+ }
+
+ .md\:m-40 {
+ margin: 10rem;
+ }
+
+ .md\:m-48 {
+ margin: 12rem;
+ }
+
+ .md\:m-56 {
+ margin: 14rem;
+ }
+
+ .md\:m-64 {
+ margin: 16rem;
+ }
+
+ .md\:m-auto {
+ margin: auto;
+ }
+
+ .md\:m-px {
+ margin: 1px;
+ }
+
+ .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-8 {
+ margin: -2rem;
+ }
+
+ .md\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .md\:-m-12 {
+ margin: -3rem;
+ }
+
+ .md\:-m-16 {
+ margin: -4rem;
+ }
+
+ .md\:-m-20 {
+ margin: -5rem;
+ }
+
+ .md\:-m-24 {
+ margin: -6rem;
+ }
+
+ .md\:-m-32 {
+ margin: -8rem;
+ }
+
+ .md\:-m-40 {
+ margin: -10rem;
+ }
+
+ .md\:-m-48 {
+ margin: -12rem;
+ }
+
+ .md\:-m-56 {
+ margin: -14rem;
+ }
+
+ .md\:-m-64 {
+ margin: -16rem;
+ }
+
+ .md\:-m-px {
+ margin: -1px;
+ }
+
+ .md\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .md\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .md\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .md\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .md\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .md\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .md\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .md\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .md\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .md\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .md\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .md\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .md\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .md\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .md\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .md\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .md\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .md\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .md\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .md\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .md\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .md\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .md\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .md\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .md\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .md\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .md\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .md\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .md\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .md\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .md\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .md\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .md\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .md\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .md\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .md\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .md\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .md\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .md\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .md\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .md\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .md\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .md\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .md\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .md\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .md\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .md\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .md\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .md\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .md\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .md\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .md\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .md\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .md\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .md\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .md\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .md\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .md\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .md\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .md\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .md\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .md\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .md\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .md\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .md\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .md\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .md\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .md\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .md\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .md\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .md\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .md\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .md\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .md\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .md\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .md\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .md\:mt-0 {
+ margin-top: 0;
+ }
+
+ .md\:mr-0 {
+ margin-right: 0;
+ }
+
+ .md\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .md\:ml-0 {
+ margin-left: 0;
+ }
+
+ .md\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .md\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .md\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .md\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .md\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .md\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .md\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .md\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .md\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .md\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .md\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .md\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .md\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .md\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .md\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .md\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .md\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .md\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .md\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .md\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .md\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .md\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .md\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .md\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .md\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .md\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .md\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .md\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .md\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .md\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .md\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .md\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .md\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .md\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .md\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .md\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .md\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .md\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .md\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .md\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .md\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .md\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .md\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .md\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .md\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .md\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .md\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .md\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .md\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .md\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .md\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .md\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .md\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .md\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .md\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .md\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .md\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .md\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .md\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .md\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .md\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .md\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .md\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .md\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .md\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .md\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .md\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .md\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .md\:mt-auto {
+ margin-top: auto;
+ }
+
+ .md\:mr-auto {
+ margin-right: auto;
+ }
+
+ .md\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .md\:ml-auto {
+ margin-left: auto;
+ }
+
+ .md\:mt-px {
+ margin-top: 1px;
+ }
+
+ .md\:mr-px {
+ margin-right: 1px;
+ }
+
+ .md\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .md\:ml-px {
+ margin-left: 1px;
+ }
+
+ .md\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .md\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .md\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .md\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .md\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .md\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .md\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .md\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .md\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .md\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .md\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .md\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .md\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .md\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .md\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .md\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .md\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .md\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .md\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .md\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .md\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .md\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .md\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .md\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .md\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .md\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .md\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .md\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .md\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .md\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .md\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .md\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .md\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .md\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .md\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .md\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .md\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .md\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .md\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .md\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .md\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .md\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .md\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .md\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .md\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .md\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .md\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .md\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .md\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .md\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .md\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .md\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .md\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .md\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .md\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .md\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .md\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .md\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .md\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .md\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .md\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .md\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .md\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .md\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .md\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .md\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .md\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .md\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .md\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .md\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .md\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .md\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .md\:max-h-full {
+ max-height: 100%;
+ }
+
+ .md\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .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-full {
+ max-width: 100%;
+ }
+
+ .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\:min-h-0 {
+ min-height: 0;
+ }
+
+ .md\:min-h-full {
+ min-height: 100%;
+ }
+
+ .md\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .md\:min-w-0 {
+ min-width: 0;
+ }
+
+ .md\:min-w-full {
+ min-width: 100%;
+ }
+
+ .md\:object-contain {
+ object-fit: contain;
+ }
+
+ .md\:object-cover {
+ object-fit: cover;
+ }
+
+ .md\:object-fill {
+ object-fit: fill;
+ }
+
+ .md\:object-none {
+ object-fit: none;
+ }
+
+ .md\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .md\:object-bottom {
+ object-position: bottom;
+ }
+
+ .md\:object-center {
+ object-position: center;
+ }
+
+ .md\:object-left {
+ object-position: left;
+ }
+
+ .md\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .md\:object-left-top {
+ object-position: left top;
+ }
+
+ .md\:object-right {
+ object-position: right;
+ }
+
+ .md\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .md\:object-right-top {
+ object-position: right top;
+ }
+
+ .md\:object-top {
+ object-position: top;
+ }
+
+ .md\:opacity-0 {
+ opacity: 0;
+ }
+
+ .md\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .md\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .md\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .md\:opacity-100 {
+ opacity: 1;
+ }
+
+ .md\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .md\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .md\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .md\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .md\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .md\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .md\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .md\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .md\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .md\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .md\:outline-none {
+ outline: 0;
+ }
+
+ .md\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .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\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .md\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .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\:p-0 {
+ padding: 0;
+ }
+
+ .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-8 {
+ padding: 2rem;
+ }
+
+ .md\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .md\:p-12 {
+ padding: 3rem;
+ }
+
+ .md\:p-16 {
+ padding: 4rem;
+ }
+
+ .md\:p-20 {
+ padding: 5rem;
+ }
+
+ .md\:p-24 {
+ padding: 6rem;
+ }
+
+ .md\:p-32 {
+ padding: 8rem;
+ }
+
+ .md\:p-40 {
+ padding: 10rem;
+ }
+
+ .md\:p-48 {
+ padding: 12rem;
+ }
+
+ .md\:p-56 {
+ padding: 14rem;
+ }
+
+ .md\:p-64 {
+ padding: 16rem;
+ }
+
+ .md\:p-px {
+ padding: 1px;
+ }
+
+ .md\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .md\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .md\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .md\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .md\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .md\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .md\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .md\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .md\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .md\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .md\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .md\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .md\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .md\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .md\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .md\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .md\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .md\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .md\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .md\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .md\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .md\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .md\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .md\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .md\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .md\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .md\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .md\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .md\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .md\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .md\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .md\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .md\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .md\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .md\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .md\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .md\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .md\:pt-0 {
+ padding-top: 0;
+ }
+
+ .md\:pr-0 {
+ padding-right: 0;
+ }
+
+ .md\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .md\:pl-0 {
+ padding-left: 0;
+ }
+
+ .md\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .md\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .md\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .md\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .md\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .md\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .md\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .md\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .md\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .md\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .md\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .md\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .md\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .md\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .md\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .md\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .md\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .md\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .md\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .md\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .md\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .md\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .md\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .md\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .md\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .md\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .md\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .md\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .md\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .md\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .md\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .md\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .md\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .md\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .md\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .md\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .md\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .md\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .md\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .md\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .md\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .md\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .md\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .md\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .md\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .md\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .md\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .md\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .md\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .md\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .md\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .md\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .md\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .md\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .md\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .md\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .md\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .md\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .md\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .md\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .md\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .md\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .md\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .md\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .md\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .md\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .md\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .md\:pt-px {
+ padding-top: 1px;
+ }
+
+ .md\:pr-px {
+ padding-right: 1px;
+ }
+
+ .md\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .md\:pl-px {
+ padding-left: 1px;
+ }
+
+ .md\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .md\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .md\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .md\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .md\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .md\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .md\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .md\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .md\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .md\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .md\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .md\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .md\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .md\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .md\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .md\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .md\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .md\:static {
+ position: static;
+ }
+
+ .md\:fixed {
+ position: fixed;
+ }
+
+ .md\:absolute {
+ position: absolute;
+ }
+
+ .md\:relative {
+ position: relative;
+ }
+
+ .md\:sticky {
+ position: sticky;
+ }
+
+ .md\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .md\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .md\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .md\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .md\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .md\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .md\:top-0 {
+ top: 0;
+ }
+
+ .md\:right-0 {
+ right: 0;
+ }
+
+ .md\:bottom-0 {
+ bottom: 0;
+ }
+
+ .md\:left-0 {
+ left: 0;
+ }
+
+ .md\:top-auto {
+ top: auto;
+ }
+
+ .md\:right-auto {
+ right: auto;
+ }
+
+ .md\:bottom-auto {
+ bottom: auto;
+ }
+
+ .md\:left-auto {
+ left: auto;
+ }
+
+ .md\:resize-none {
+ resize: none;
+ }
+
+ .md\:resize-y {
+ resize: vertical;
+ }
+
+ .md\:resize-x {
+ resize: horizontal;
+ }
+
+ .md\:resize {
+ resize: both;
+ }
+
+ .md\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:shadow-none {
+ box-shadow: none;
+ }
+
+ .md\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .md\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .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\:table-auto {
+ table-layout: auto;
+ }
+
+ .md\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .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\:text-transparent {
+ color: transparent;
+ }
+
+ .md\:text-current {
+ color: currentColor;
+ }
+
+ .md\:text-black {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .md\:text-white {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .md\:text-gray-50 {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .md\:text-gray-100 {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .md\:text-gray-200 {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .md\:text-gray-300 {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .md\:text-gray-400 {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .md\:text-gray-500 {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .md\:text-gray-600 {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .md\:text-gray-700 {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .md\:text-gray-800 {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .md\:text-gray-900 {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .md\:text-red-50 {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .md\:text-red-100 {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .md\:text-red-200 {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .md\:text-red-300 {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .md\:text-red-400 {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .md\:text-red-500 {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .md\:text-red-600 {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .md\:text-red-700 {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .md\:text-red-800 {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .md\:text-red-900 {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .md\:text-orange-50 {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .md\:text-orange-100 {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .md\:text-orange-200 {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .md\:text-orange-300 {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .md\:text-orange-400 {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .md\:text-orange-500 {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .md\:text-orange-600 {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .md\:text-orange-700 {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .md\:text-orange-800 {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .md\:text-orange-900 {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .md\:text-yellow-50 {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .md\:text-yellow-100 {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .md\:text-yellow-200 {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .md\:text-yellow-300 {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .md\:text-yellow-400 {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .md\:text-yellow-500 {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .md\:text-yellow-600 {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .md\:text-yellow-700 {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .md\:text-yellow-800 {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .md\:text-yellow-900 {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .md\:text-green-50 {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .md\:text-green-100 {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .md\:text-green-200 {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .md\:text-green-300 {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .md\:text-green-400 {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .md\:text-green-500 {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .md\:text-green-600 {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .md\:text-green-700 {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .md\:text-green-800 {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .md\:text-green-900 {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .md\:text-teal-50 {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .md\:text-teal-100 {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .md\:text-teal-200 {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .md\:text-teal-300 {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .md\:text-teal-400 {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .md\:text-teal-500 {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .md\:text-teal-600 {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .md\:text-teal-700 {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .md\:text-teal-800 {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .md\:text-teal-900 {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .md\:text-blue-50 {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .md\:text-blue-100 {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .md\:text-blue-200 {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .md\:text-blue-300 {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .md\:text-blue-400 {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .md\:text-blue-500 {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .md\:text-blue-600 {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .md\:text-blue-700 {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .md\:text-blue-800 {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .md\:text-blue-900 {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .md\:text-indigo-50 {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .md\:text-indigo-100 {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .md\:text-indigo-200 {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .md\:text-indigo-300 {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .md\:text-indigo-400 {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .md\:text-indigo-500 {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .md\:text-indigo-600 {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .md\:text-indigo-700 {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .md\:text-indigo-800 {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .md\:text-indigo-900 {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .md\:text-purple-50 {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .md\:text-purple-100 {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .md\:text-purple-200 {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .md\:text-purple-300 {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .md\:text-purple-400 {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .md\:text-purple-500 {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .md\:text-purple-600 {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .md\:text-purple-700 {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .md\:text-purple-800 {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .md\:text-purple-900 {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .md\:text-pink-50 {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .md\:text-pink-100 {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .md\:text-pink-200 {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .md\:text-pink-300 {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .md\:text-pink-400 {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .md\:text-pink-500 {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .md\:text-pink-600 {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .md\:text-pink-700 {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .md\:text-pink-800 {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .md\:text-pink-900 {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .md\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .md\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .md\:hover\:text-black:hover {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .md\:hover\:text-white:hover {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-50:hover {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .md\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-100:hover {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-200:hover {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-300:hover {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-400:hover {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-500:hover {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-600:hover {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-700:hover {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-800:hover {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .md\:hover\:text-red-900:hover {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-50:hover {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .md\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-50:hover {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .md\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-50:hover {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-100:hover {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-200:hover {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-300:hover {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-400:hover {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-500:hover {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-600:hover {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-700:hover {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-800:hover {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .md\:hover\:text-green-900:hover {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-50:hover {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .md\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-50:hover {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .md\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-50:hover {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .md\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-50:hover {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .md\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .md\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .md\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .md\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .md\:focus\:text-black:focus {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .md\:focus\:text-white:focus {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-50:focus {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .md\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-100:focus {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-200:focus {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-300:focus {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-400:focus {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-500:focus {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-600:focus {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-700:focus {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-800:focus {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .md\:focus\:text-red-900:focus {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-50:focus {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .md\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-50:focus {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .md\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-50:focus {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-100:focus {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-200:focus {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-300:focus {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-400:focus {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-500:focus {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-600:focus {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-700:focus {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-800:focus {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .md\:focus\:text-green-900:focus {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-50:focus {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .md\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-50:focus {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .md\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-50:focus {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .md\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-50:focus {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .md\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .md\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .md\:text-opacity-0 {
+ --text-opacity: 0;
+ }
+
+ .md\:text-opacity-25 {
+ --text-opacity: 0.25;
+ }
+
+ .md\:text-opacity-50 {
+ --text-opacity: 0.5;
+ }
+
+ .md\:text-opacity-75 {
+ --text-opacity: 0.75;
+ }
+
+ .md\:text-opacity-100 {
+ --text-opacity: 1;
+ }
+
+ .md\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
+ }
+
+ .md\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
+ }
+
+ .md\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
+ }
+
+ .md\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
+ }
+
+ .md\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .md\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .md\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .md\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .md\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .md\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
+ }
+
+ .md\:italic {
+ font-style: italic;
+ }
+
+ .md\:not-italic {
+ font-style: normal;
+ }
+
+ .md\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .md\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .md\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .md\:normal-case {
+ text-transform: none;
+ }
+
+ .md\:underline {
+ text-decoration: underline;
+ }
+
+ .md\:line-through {
+ text-decoration: line-through;
+ }
+
+ .md\:no-underline {
+ 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\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .md\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .md\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .md\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .md\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .md\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .md\:select-none {
+ user-select: none;
+ }
+
+ .md\:select-text {
+ user-select: text;
+ }
+
+ .md\:select-all {
+ user-select: all;
+ }
+
+ .md\:select-auto {
+ user-select: auto;
+ }
+
+ .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\:visible {
+ visibility: visible;
+ }
+
+ .md\:invisible {
+ visibility: hidden;
+ }
+
+ .md\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .md\:whitespace-no-wrap {
+ 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\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .md\:w-0 {
+ width: 0;
+ }
+
+ .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-8 {
+ width: 2rem;
+ }
+
+ .md\:w-10 {
+ width: 2.5rem;
+ }
+
+ .md\:w-12 {
+ width: 3rem;
+ }
+
+ .md\:w-16 {
+ width: 4rem;
+ }
+
+ .md\:w-20 {
+ width: 5rem;
+ }
+
+ .md\:w-24 {
+ width: 6rem;
+ }
+
+ .md\:w-32 {
+ width: 8rem;
+ }
+
+ .md\:w-40 {
+ width: 10rem;
+ }
+
+ .md\:w-48 {
+ width: 12rem;
+ }
+
+ .md\:w-56 {
+ width: 14rem;
+ }
+
+ .md\:w-64 {
+ width: 16rem;
+ }
+
+ .md\:w-auto {
+ width: auto;
+ }
+
+ .md\:w-px {
+ width: 1px;
+ }
+
+ .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\: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\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .md\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .md\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .md\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .md\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .md\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .md\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .md\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .md\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .md\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .md\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .md\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .md\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .md\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .md\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .md\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .md\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .md\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .md\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .md\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .md\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .md\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .md\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .md\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .md\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .md\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .md\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .md\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .md\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .md\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .md\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .md\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .md\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .md\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .md\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .md\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .md\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .md\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .md\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .md\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .md\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .md\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .md\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .md\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .md\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .md\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .md\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .md\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .md\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .md\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .md\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .md\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .md\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .md\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .md\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .md\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .md\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .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\: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\: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-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\: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\: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-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\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .md\:transform-none {
+ transform: none;
+ }
+
+ .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\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .md\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .md\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .md\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .md\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .md\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .md\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .md\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .md\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .md\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .md\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .md\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .md\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .md\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .md\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .md\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .md\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .md\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .md\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .md\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .md\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .md\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .md\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .md\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .md\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .md\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .md\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .md\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .md\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .md\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .md\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .md\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .md\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .md\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .md\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .md\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .md\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .md\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .md\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .md\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .md\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .md\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .md\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .md\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .md\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .md\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .md\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .md\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .md\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .md\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .md\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .md\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .md\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .md\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .md\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .md\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .md\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .md\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .md\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .md\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .md\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .md\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .md\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .md\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .md\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .md\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .md\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .md\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .md\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .md\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .md\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .md\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .md\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .md\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .md\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .md\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .md\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .md\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .md\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .md\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .md\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .md\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .md\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .md\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .md\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .md\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .md\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .md\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .md\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .md\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .md\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .md\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .md\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .md\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .md\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .md\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .md\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .md\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .md\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .md\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .md\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .md\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .md\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .md\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .md\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .md\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .md\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .md\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .md\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .md\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .md\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .md\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .md\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .md\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .md\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .md\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .md\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .md\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .md\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .md\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .md\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .md\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .md\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .md\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .md\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .md\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .md\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .md\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .md\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .md\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .md\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .md\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .md\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .md\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .md\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .md\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .md\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .md\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .md\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .md\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .md\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .md\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .md\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .md\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .md\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .md\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .md\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .md\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .md\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .md\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .md\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .md\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .md\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .md\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .md\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .md\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .md\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .md\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .md\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .md\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .md\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .md\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .md\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .md\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .md\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .md\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .md\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .md\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .md\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .md\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .md\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .md\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .md\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .md\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .md\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .md\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .md\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .md\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .md\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .md\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .md\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .md\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .md\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .md\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .md\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .md\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .md\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .md\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .md\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .md\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .md\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .md\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .md\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .md\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .md\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .md\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .md\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .md\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .md\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .md\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .md\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .md\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .md\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .md\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .md\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .md\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .md\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .md\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .md\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .md\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .md\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .md\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .md\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .md\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .md\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .md\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .md\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .md\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .md\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .md\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .md\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .md\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .md\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .md\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .md\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .md\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .md\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .md\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .md\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .md\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .md\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .md\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .md\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .md\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .md\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .md\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .md\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .md\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .md\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .md\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .md\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .md\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .md\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .md\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .md\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .md\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .md\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .md\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .md\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .md\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .md\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .md\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .md\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .md\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .md\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .md\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .md\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .md\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .md\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .md\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .md\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .md\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .md\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .md\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .md\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .md\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .md\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .md\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .md\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .md\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .md\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .md\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .md\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .md\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .md\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .md\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .md\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .md\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .md\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .md\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .md\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .md\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .md\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .md\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .md\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .md\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .md\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .md\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .md\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .md\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .md\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .md\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .md\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .md\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .md\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .md\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .md\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .md\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .md\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .md\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .md\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .md\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .md\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .md\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .md\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .md\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .md\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .md\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .md\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .md\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .md\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .md\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .md\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .md\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .md\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .md\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .md\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .md\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .md\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .md\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .md\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .md\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .md\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .md\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .md\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .md\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .md\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .md\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .md\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .md\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .md\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .md\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .md\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .md\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .md\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .md\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .md\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .md\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .md\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .md\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .md\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .md\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .md\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .md\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .md\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .md\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .md\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .md\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .md\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .md\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .md\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .md\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .md\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .md\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .md\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .md\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .md\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .md\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .md\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .md\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .md\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .md\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .md\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .md\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .md\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .md\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .md\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .md\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .md\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .md\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .md\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .md\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .md\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .md\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .md\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .md\:transition-none {
+ transition-property: none;
+ }
+
+ .md\:transition-all {
+ transition-property: all;
+ }
+
+ .md\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .md\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .md\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .md\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .md\:transition-transform {
+ transition-property: transform;
+ }
+
+ .md\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .md\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .md\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .md\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .md\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .md\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .md\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .md\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .md\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .md\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .md\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .md\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .md\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .md\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .md\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .md\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .md\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .md\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .md\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .md\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .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\:example {
+ font-weight: 700;
+ color: #f05252;
+ }
+}
+
+@media (min-width: 1024px) {
+ .lg\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .lg\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .lg\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .lg\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .lg\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .lg\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .lg\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .lg\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .lg\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .lg\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .lg\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .lg\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .lg\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--divide-opacity));
+ }
+
+ .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
+ .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;
+ }
+
+ .lg\:not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .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;
+ }
+
+ .lg\:focus\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .lg\:appearance-none {
+ appearance: none;
+ }
+
+ .lg\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .lg\:bg-local {
+ background-attachment: local;
+ }
+
+ .lg\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .lg\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .lg\:bg-current {
+ background-color: currentColor;
+ }
+
+ .lg\:bg-black {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .lg\:bg-white {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-50 {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-100 {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-200 {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-300 {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-400 {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-500 {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-600 {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-700 {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-800 {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .lg\:bg-gray-900 {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-100 {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-200 {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-400 {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-500 {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-600 {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-700 {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-800 {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .lg\:bg-red-900 {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-50 {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-100 {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-200 {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-300 {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-400 {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-500 {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-600 {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-700 {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-800 {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .lg\:bg-orange-900 {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-50 {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-100 {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-200 {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-300 {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-400 {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-500 {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-600 {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-700 {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-800 {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .lg\:bg-yellow-900 {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-50 {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-100 {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-200 {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-300 {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-400 {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-500 {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-600 {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-700 {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-800 {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .lg\:bg-green-900 {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-50 {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-100 {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-200 {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-300 {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-400 {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-500 {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-600 {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-700 {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-800 {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .lg\:bg-teal-900 {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-50 {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-100 {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-200 {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-300 {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-400 {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-500 {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-600 {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-700 {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-800 {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .lg\:bg-blue-900 {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-50 {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-100 {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-200 {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-300 {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-400 {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-500 {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-600 {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-700 {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-800 {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .lg\:bg-indigo-900 {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-50 {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-100 {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-200 {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-300 {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-400 {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-500 {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-600 {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-700 {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-800 {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .lg\:bg-purple-900 {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-100 {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-200 {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-400 {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-500 {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-600 {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-700 {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-800 {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .lg\:bg-pink-900 {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .lg\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .lg\:hover\:bg-black:hover {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-white:hover {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-50:hover {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-50:hover {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-50:hover {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-50:hover {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-50:hover {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-50:hover {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-50:hover {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .lg\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .lg\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .lg\:focus\:bg-black:focus {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-white:focus {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-50:focus {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-50:focus {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-50:focus {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-50:focus {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-50:focus {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-50:focus {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-50:focus {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .lg\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .lg\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .lg\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .lg\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .lg\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .lg\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .lg\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .lg\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .lg\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .lg\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .lg\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .lg\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .lg\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .lg\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .lg\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .lg\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
+ }
+
+ .lg\:bg-bottom {
+ background-position: bottom;
+ }
+
+ .lg\:bg-center {
+ background-position: center;
+ }
+
+ .lg\:bg-left {
+ background-position: left;
+ }
+
+ .lg\:bg-left-bottom {
+ background-position: left bottom;
+ }
+
+ .lg\:bg-left-top {
+ background-position: left top;
+ }
+
+ .lg\:bg-right {
+ background-position: right;
+ }
+
+ .lg\:bg-right-bottom {
+ background-position: right bottom;
+ }
+
+ .lg\:bg-right-top {
+ background-position: right top;
+ }
+
+ .lg\:bg-top {
+ background-position: top;
+ }
+
+ .lg\:bg-repeat {
+ background-repeat: repeat;
+ }
+
+ .lg\:bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+
+ .lg\:bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+
+ .lg\:bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+
+ .lg\:bg-repeat-round {
+ background-repeat: round;
+ }
+
+ .lg\:bg-repeat-space {
+ background-repeat: space;
+ }
+
+ .lg\:bg-auto {
+ background-size: auto;
+ }
+
+ .lg\:bg-cover {
+ background-size: cover;
+ }
+
+ .lg\:bg-contain {
+ background-size: contain;
+ }
+
+ .lg\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .lg\:border-separate {
+ border-collapse: separate;
+ }
+
+ .lg\:border-transparent {
+ border-color: transparent;
+ }
+
+ .lg\:border-current {
+ border-color: currentColor;
+ }
+
+ .lg\:border-black {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .lg\:border-white {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .lg\:border-gray-50 {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .lg\:border-gray-100 {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .lg\:border-gray-200 {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .lg\:border-gray-300 {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .lg\:border-gray-400 {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .lg\:border-gray-500 {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .lg\:border-gray-600 {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .lg\:border-gray-700 {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .lg\:border-gray-800 {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .lg\:border-gray-900 {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .lg\:border-red-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .lg\:border-red-100 {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .lg\:border-red-200 {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .lg\:border-red-300 {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .lg\:border-red-400 {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .lg\:border-red-500 {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .lg\:border-red-600 {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .lg\:border-red-700 {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .lg\:border-red-800 {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .lg\:border-red-900 {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .lg\:border-orange-50 {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .lg\:border-orange-100 {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .lg\:border-orange-200 {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .lg\:border-orange-300 {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .lg\:border-orange-400 {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .lg\:border-orange-500 {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .lg\:border-orange-600 {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .lg\:border-orange-700 {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .lg\:border-orange-800 {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .lg\:border-orange-900 {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-50 {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-100 {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-200 {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-300 {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-400 {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-500 {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-600 {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-700 {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-800 {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .lg\:border-yellow-900 {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .lg\:border-green-50 {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .lg\:border-green-100 {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .lg\:border-green-200 {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .lg\:border-green-300 {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .lg\:border-green-400 {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .lg\:border-green-500 {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .lg\:border-green-600 {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .lg\:border-green-700 {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .lg\:border-green-800 {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .lg\:border-green-900 {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .lg\:border-teal-50 {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .lg\:border-teal-100 {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .lg\:border-teal-200 {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .lg\:border-teal-300 {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .lg\:border-teal-400 {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .lg\:border-teal-500 {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .lg\:border-teal-600 {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .lg\:border-teal-700 {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .lg\:border-teal-800 {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .lg\:border-teal-900 {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .lg\:border-blue-50 {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:border-blue-100 {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .lg\:border-blue-200 {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .lg\:border-blue-300 {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .lg\:border-blue-400 {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .lg\:border-blue-500 {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .lg\:border-blue-600 {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .lg\:border-blue-700 {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .lg\:border-blue-800 {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .lg\:border-blue-900 {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-50 {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-100 {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-200 {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-300 {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-400 {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-500 {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-600 {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-700 {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-800 {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .lg\:border-indigo-900 {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .lg\:border-purple-50 {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:border-purple-100 {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .lg\:border-purple-200 {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .lg\:border-purple-300 {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .lg\:border-purple-400 {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .lg\:border-purple-500 {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .lg\:border-purple-600 {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .lg\:border-purple-700 {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .lg\:border-purple-800 {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .lg\:border-purple-900 {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .lg\:border-pink-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .lg\:border-pink-100 {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .lg\:border-pink-200 {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .lg\:border-pink-300 {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .lg\:border-pink-400 {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .lg\:border-pink-500 {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .lg\:border-pink-600 {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .lg\:border-pink-700 {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .lg\:border-pink-800 {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .lg\:border-pink-900 {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .lg\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .lg\:hover\:border-black:hover {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-white:hover {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-50:hover {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-100:hover {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-200:hover {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-400:hover {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-500:hover {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-600:hover {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-700:hover {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-800:hover {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-red-900:hover {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-50:hover {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-50:hover {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-50:hover {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-100:hover {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-200:hover {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-300:hover {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-400:hover {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-500:hover {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-600:hover {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-700:hover {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-800:hover {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-green-900:hover {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-50:hover {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-50:hover {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-50:hover {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-50:hover {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .lg\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .lg\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .lg\:focus\:border-black:focus {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-white:focus {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-50:focus {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-100:focus {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-200:focus {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-400:focus {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-500:focus {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-600:focus {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-700:focus {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-800:focus {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-red-900:focus {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-50:focus {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-50:focus {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-50:focus {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-100:focus {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-200:focus {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-300:focus {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-400:focus {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-500:focus {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-600:focus {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-700:focus {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-800:focus {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-green-900:focus {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-50:focus {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-50:focus {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-50:focus {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-50:focus {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .lg\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .lg\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .lg\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .lg\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .lg\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .lg\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .lg\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .lg\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .lg\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .lg\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .lg\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .lg\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .lg\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .lg\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .lg\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .lg\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
+ }
+
+ .lg\:rounded-none {
+ border-radius: 0;
+ }
+
+ .lg\:rounded-sm {
+ border-radius: 0.125rem;
+ }
+
+ .lg\:rounded {
+ border-radius: 0.25rem;
+ }
+
+ .lg\:rounded-md {
+ border-radius: 0.375rem;
+ }
+
+ .lg\:rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .lg\:rounded-full {
+ border-radius: 9999px;
+ }
+
+ .lg\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .lg\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .lg\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .lg\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .lg\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .lg\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .lg\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .lg\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .lg\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .lg\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .lg\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:border-solid {
+ border-style: solid;
+ }
+
+ .lg\:border-dashed {
+ border-style: dashed;
+ }
+
+ .lg\:border-dotted {
+ border-style: dotted;
+ }
+
+ .lg\:border-double {
+ border-style: double;
+ }
+
+ .lg\:border-none {
+ border-style: none;
+ }
+
+ .lg\:border-0 {
+ border-width: 0;
+ }
+
+ .lg\:border-2 {
+ border-width: 2px;
+ }
+
+ .lg\:border-4 {
+ border-width: 4px;
+ }
+
+ .lg\:border-8 {
+ border-width: 8px;
+ }
+
+ .lg\:border {
+ border-width: 1px;
+ }
+
+ .lg\:border-t-0 {
+ border-top-width: 0;
+ }
+
+ .lg\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .lg\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .lg\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .lg\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .lg\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .lg\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .lg\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .lg\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .lg\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .lg\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .lg\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .lg\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .lg\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .lg\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .lg\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .lg\:border-t {
+ border-top-width: 1px;
+ }
+
+ .lg\:border-r {
+ border-right-width: 1px;
+ }
+
+ .lg\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .lg\:border-l {
+ border-left-width: 1px;
+ }
+
+ .lg\:box-border {
+ box-sizing: border-box;
+ }
+
+ .lg\:box-content {
+ box-sizing: content-box;
+ }
+
+ .lg\:cursor-auto {
+ cursor: auto;
+ }
+
+ .lg\:cursor-default {
+ cursor: default;
+ }
+
+ .lg\:cursor-pointer {
+ cursor: pointer;
+ }
+
+ .lg\:cursor-wait {
+ cursor: wait;
+ }
+
+ .lg\:cursor-text {
+ cursor: text;
+ }
+
+ .lg\:cursor-move {
+ cursor: move;
+ }
+
+ .lg\:cursor-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .lg\:block {
+ display: block;
+ }
+
+ .lg\:inline-block {
+ display: inline-block;
+ }
+
+ .lg\:inline {
+ display: inline;
+ }
+
+ .lg\:flex {
+ display: flex;
+ }
+
+ .lg\:inline-flex {
+ display: inline-flex;
+ }
+
+ .lg\:table {
+ display: table;
+ }
+
+ .lg\:table-caption {
+ display: table-caption;
+ }
+
+ .lg\:table-cell {
+ display: table-cell;
+ }
+
+ .lg\:table-column {
+ display: table-column;
+ }
+
+ .lg\:table-column-group {
+ display: table-column-group;
+ }
+
+ .lg\:table-footer-group {
+ display: table-footer-group;
+ }
+
+ .lg\:table-header-group {
+ display: table-header-group;
+ }
+
+ .lg\:table-row-group {
+ display: table-row-group;
+ }
+
+ .lg\:table-row {
+ display: table-row;
+ }
+
+ .lg\:flow-root {
+ display: flow-root;
+ }
+
+ .lg\:grid {
+ display: grid;
+ }
+
+ .lg\:inline-grid {
+ display: inline-grid;
+ }
+
+ .lg\:hidden {
+ display: none;
+ }
+
+ .lg\:flex-row {
+ flex-direction: row;
+ }
+
+ .lg\:flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+
+ .lg\:flex-col {
+ flex-direction: column;
+ }
+
+ .lg\:flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+
+ .lg\:flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ .lg\:flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+
+ .lg\:flex-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .lg\:items-start {
+ align-items: flex-start;
+ }
+
+ .lg\:items-end {
+ align-items: flex-end;
+ }
+
+ .lg\:items-center {
+ align-items: center;
+ }
+
+ .lg\:items-baseline {
+ align-items: baseline;
+ }
+
+ .lg\:items-stretch {
+ align-items: stretch;
+ }
+
+ .lg\:self-auto {
+ align-self: auto;
+ }
+
+ .lg\:self-start {
+ align-self: flex-start;
+ }
+
+ .lg\:self-end {
+ align-self: flex-end;
+ }
+
+ .lg\:self-center {
+ align-self: center;
+ }
+
+ .lg\:self-stretch {
+ align-self: stretch;
+ }
+
+ .lg\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .lg\:justify-end {
+ justify-content: flex-end;
+ }
+
+ .lg\:justify-center {
+ justify-content: center;
+ }
+
+ .lg\:justify-between {
+ justify-content: space-between;
+ }
+
+ .lg\:justify-around {
+ justify-content: space-around;
+ }
+
+ .lg\:justify-evenly {
+ justify-content: space-evenly;
+ }
+
+ .lg\:content-center {
+ align-content: center;
+ }
+
+ .lg\:content-start {
+ align-content: flex-start;
+ }
+
+ .lg\:content-end {
+ align-content: flex-end;
+ }
+
+ .lg\:content-between {
+ align-content: space-between;
+ }
+
+ .lg\:content-around {
+ align-content: space-around;
+ }
+
+ .lg\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .lg\:flex-auto {
+ flex: 1 1 auto;
+ }
+
+ .lg\:flex-initial {
+ flex: 0 1 auto;
+ }
+
+ .lg\:flex-none {
+ flex: none;
+ }
+
+ .lg\:flex-grow-0 {
+ flex-grow: 0;
+ }
+
+ .lg\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .lg\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .lg\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .lg\:order-1 {
+ order: 1;
+ }
+
+ .lg\:order-2 {
+ order: 2;
+ }
+
+ .lg\:order-3 {
+ order: 3;
+ }
+
+ .lg\:order-4 {
+ order: 4;
+ }
+
+ .lg\:order-5 {
+ order: 5;
+ }
+
+ .lg\:order-6 {
+ order: 6;
+ }
+
+ .lg\:order-7 {
+ order: 7;
+ }
+
+ .lg\:order-8 {
+ order: 8;
+ }
+
+ .lg\:order-9 {
+ order: 9;
+ }
+
+ .lg\:order-10 {
+ order: 10;
+ }
+
+ .lg\:order-11 {
+ order: 11;
+ }
+
+ .lg\:order-12 {
+ order: 12;
+ }
+
+ .lg\:order-first {
+ order: -9999;
+ }
+
+ .lg\:order-last {
+ order: 9999;
+ }
+
+ .lg\:order-none {
+ order: 0;
+ }
+
+ .lg\:float-right {
+ float: right;
+ }
+
+ .lg\:float-left {
+ float: left;
+ }
+
+ .lg\:float-none {
+ float: none;
+ }
+
+ .lg\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .lg\:clear-left {
+ clear: left;
+ }
+
+ .lg\:clear-right {
+ clear: right;
+ }
+
+ .lg\:clear-both {
+ clear: both;
+ }
+
+ .lg\:clear-none {
+ clear: none;
+ }
+
+ .lg\:font-sans {
+ font-family: 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\:font-serif {
+ font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .lg\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .lg\:font-hairline {
+ font-weight: 100;
+ }
+
+ .lg\:font-thin {
+ font-weight: 200;
+ }
+
+ .lg\:font-light {
+ font-weight: 300;
+ }
+
+ .lg\:font-normal {
+ font-weight: 400;
+ }
+
+ .lg\:font-medium {
+ font-weight: 500;
+ }
+
+ .lg\:font-semibold {
+ font-weight: 600;
+ }
+
+ .lg\:font-bold {
+ font-weight: 700;
+ }
+
+ .lg\:font-extrabold {
+ font-weight: 800;
+ }
+
+ .lg\:font-black {
+ font-weight: 900;
+ }
+
+ .lg\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .lg\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .lg\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .lg\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .lg\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .lg\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .lg\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .lg\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .lg\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .lg\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .lg\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .lg\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .lg\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .lg\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .lg\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .lg\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .lg\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .lg\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .lg\:h-0 {
+ height: 0;
+ }
+
+ .lg\:h-1 {
+ height: 0.25rem;
+ }
+
+ .lg\:h-2 {
+ height: 0.5rem;
+ }
+
+ .lg\:h-3 {
+ height: 0.75rem;
+ }
+
+ .lg\:h-4 {
+ height: 1rem;
+ }
+
+ .lg\:h-5 {
+ height: 1.25rem;
+ }
+
+ .lg\:h-6 {
+ height: 1.5rem;
+ }
+
+ .lg\:h-8 {
+ height: 2rem;
+ }
+
+ .lg\:h-10 {
+ height: 2.5rem;
+ }
+
+ .lg\:h-12 {
+ height: 3rem;
+ }
+
+ .lg\:h-16 {
+ height: 4rem;
+ }
+
+ .lg\:h-20 {
+ height: 5rem;
+ }
+
+ .lg\:h-24 {
+ height: 6rem;
+ }
+
+ .lg\:h-32 {
+ height: 8rem;
+ }
+
+ .lg\:h-40 {
+ height: 10rem;
+ }
+
+ .lg\:h-48 {
+ height: 12rem;
+ }
+
+ .lg\:h-56 {
+ height: 14rem;
+ }
+
+ .lg\:h-64 {
+ height: 16rem;
+ }
+
+ .lg\:h-auto {
+ height: auto;
+ }
+
+ .lg\:h-px {
+ height: 1px;
+ }
+
+ .lg\:h-full {
+ height: 100%;
+ }
+
+ .lg\:h-screen {
+ height: 100vh;
+ }
+
+ .lg\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .lg\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .lg\:text-base {
+ font-size: 1rem;
+ }
+
+ .lg\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .lg\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .lg\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .lg\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .lg\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .lg\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .lg\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .lg\:leading-3 {
+ line-height: .75rem;
+ }
+
+ .lg\:leading-4 {
+ line-height: 1rem;
+ }
+
+ .lg\:leading-5 {
+ line-height: 1.25rem;
+ }
+
+ .lg\:leading-6 {
+ line-height: 1.5rem;
+ }
+
+ .lg\:leading-7 {
+ line-height: 1.75rem;
+ }
+
+ .lg\:leading-8 {
+ line-height: 2rem;
+ }
+
+ .lg\:leading-9 {
+ line-height: 2.25rem;
+ }
+
+ .lg\:leading-10 {
+ line-height: 2.5rem;
+ }
+
+ .lg\:leading-none {
+ line-height: 1;
+ }
+
+ .lg\:leading-tight {
+ line-height: 1.25;
+ }
+
+ .lg\:leading-snug {
+ line-height: 1.375;
+ }
+
+ .lg\:leading-normal {
+ line-height: 1.5;
+ }
+
+ .lg\:leading-relaxed {
+ line-height: 1.625;
+ }
+
+ .lg\:leading-loose {
+ line-height: 2;
+ }
+
+ .lg\:list-inside {
+ list-style-position: inside;
+ }
+
+ .lg\:list-outside {
+ list-style-position: outside;
+ }
+
+ .lg\:list-none {
+ list-style-type: none;
+ }
+
+ .lg\:list-disc {
+ list-style-type: disc;
+ }
+
+ .lg\:list-decimal {
+ list-style-type: decimal;
+ }
+
+ .lg\:m-0 {
+ margin: 0;
+ }
+
+ .lg\:m-1 {
+ margin: 0.25rem;
+ }
+
+ .lg\:m-2 {
+ margin: 0.5rem;
+ }
+
+ .lg\:m-3 {
+ margin: 0.75rem;
+ }
+
+ .lg\:m-4 {
+ margin: 1rem;
+ }
+
+ .lg\:m-5 {
+ margin: 1.25rem;
+ }
+
+ .lg\:m-6 {
+ margin: 1.5rem;
+ }
+
+ .lg\:m-8 {
+ margin: 2rem;
+ }
+
+ .lg\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .lg\:m-12 {
+ margin: 3rem;
+ }
+
+ .lg\:m-16 {
+ margin: 4rem;
+ }
+
+ .lg\:m-20 {
+ margin: 5rem;
+ }
+
+ .lg\:m-24 {
+ margin: 6rem;
+ }
+
+ .lg\:m-32 {
+ margin: 8rem;
+ }
+
+ .lg\:m-40 {
+ margin: 10rem;
+ }
+
+ .lg\:m-48 {
+ margin: 12rem;
+ }
+
+ .lg\:m-56 {
+ margin: 14rem;
+ }
+
+ .lg\:m-64 {
+ margin: 16rem;
+ }
+
+ .lg\:m-auto {
+ margin: auto;
+ }
+
+ .lg\:m-px {
+ margin: 1px;
+ }
+
+ .lg\:-m-1 {
+ margin: -0.25rem;
+ }
+
+ .lg\:-m-2 {
+ margin: -0.5rem;
+ }
+
+ .lg\:-m-3 {
+ margin: -0.75rem;
+ }
+
+ .lg\:-m-4 {
+ margin: -1rem;
+ }
+
+ .lg\:-m-5 {
+ margin: -1.25rem;
+ }
+
+ .lg\:-m-6 {
+ margin: -1.5rem;
+ }
+
+ .lg\:-m-8 {
+ margin: -2rem;
+ }
+
+ .lg\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .lg\:-m-12 {
+ margin: -3rem;
+ }
+
+ .lg\:-m-16 {
+ margin: -4rem;
+ }
+
+ .lg\:-m-20 {
+ margin: -5rem;
+ }
+
+ .lg\:-m-24 {
+ margin: -6rem;
+ }
+
+ .lg\:-m-32 {
+ margin: -8rem;
+ }
+
+ .lg\:-m-40 {
+ margin: -10rem;
+ }
+
+ .lg\:-m-48 {
+ margin: -12rem;
+ }
+
+ .lg\:-m-56 {
+ margin: -14rem;
+ }
+
+ .lg\:-m-64 {
+ margin: -16rem;
+ }
+
+ .lg\:-m-px {
+ margin: -1px;
+ }
+
+ .lg\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .lg\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .lg\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .lg\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .lg\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .lg\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .lg\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .lg\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .lg\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .lg\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .lg\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .lg\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .lg\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .lg\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .lg\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .lg\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .lg\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .lg\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .lg\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .lg\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .lg\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .lg\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .lg\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .lg\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .lg\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .lg\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .lg\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .lg\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .lg\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .lg\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .lg\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .lg\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .lg\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .lg\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .lg\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .lg\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .lg\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .lg\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .lg\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .lg\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .lg\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .lg\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .lg\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .lg\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .lg\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .lg\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .lg\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .lg\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .lg\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .lg\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .lg\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .lg\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .lg\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .lg\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .lg\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .lg\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .lg\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .lg\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .lg\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .lg\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .lg\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .lg\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .lg\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .lg\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .lg\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .lg\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .lg\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .lg\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .lg\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .lg\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .lg\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .lg\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .lg\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .lg\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .lg\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .lg\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .lg\:mt-0 {
+ margin-top: 0;
+ }
+
+ .lg\:mr-0 {
+ margin-right: 0;
+ }
+
+ .lg\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .lg\:ml-0 {
+ margin-left: 0;
+ }
+
+ .lg\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .lg\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .lg\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .lg\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .lg\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .lg\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .lg\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .lg\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .lg\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .lg\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .lg\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .lg\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .lg\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .lg\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .lg\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .lg\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .lg\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .lg\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .lg\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .lg\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .lg\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .lg\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .lg\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .lg\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .lg\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .lg\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .lg\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .lg\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .lg\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .lg\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .lg\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .lg\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .lg\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .lg\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .lg\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .lg\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .lg\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .lg\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .lg\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .lg\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .lg\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .lg\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .lg\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .lg\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .lg\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .lg\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .lg\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .lg\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .lg\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .lg\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .lg\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .lg\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .lg\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .lg\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .lg\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .lg\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .lg\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .lg\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .lg\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .lg\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .lg\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .lg\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .lg\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .lg\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .lg\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .lg\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .lg\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .lg\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .lg\:mt-auto {
+ margin-top: auto;
+ }
+
+ .lg\:mr-auto {
+ margin-right: auto;
+ }
+
+ .lg\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .lg\:ml-auto {
+ margin-left: auto;
+ }
+
+ .lg\:mt-px {
+ margin-top: 1px;
+ }
+
+ .lg\:mr-px {
+ margin-right: 1px;
+ }
+
+ .lg\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .lg\:ml-px {
+ margin-left: 1px;
+ }
+
+ .lg\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .lg\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .lg\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .lg\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .lg\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .lg\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .lg\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .lg\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .lg\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .lg\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .lg\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .lg\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .lg\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .lg\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .lg\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .lg\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .lg\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .lg\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .lg\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .lg\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .lg\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .lg\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .lg\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .lg\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .lg\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .lg\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .lg\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .lg\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .lg\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .lg\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .lg\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .lg\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .lg\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .lg\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .lg\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .lg\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .lg\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .lg\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .lg\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .lg\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .lg\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .lg\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .lg\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .lg\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .lg\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .lg\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .lg\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .lg\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .lg\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .lg\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .lg\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .lg\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .lg\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .lg\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .lg\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .lg\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .lg\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .lg\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .lg\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .lg\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .lg\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .lg\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .lg\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .lg\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .lg\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .lg\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .lg\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .lg\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .lg\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .lg\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .lg\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .lg\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .lg\:max-h-full {
+ max-height: 100%;
+ }
+
+ .lg\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .lg\:max-w-none {
+ max-width: none;
+ }
+
+ .lg\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .lg\:max-w-sm {
+ max-width: 24rem;
+ }
+
+ .lg\:max-w-md {
+ max-width: 28rem;
+ }
+
+ .lg\:max-w-lg {
+ max-width: 32rem;
+ }
+
+ .lg\:max-w-xl {
+ max-width: 36rem;
+ }
+
+ .lg\:max-w-2xl {
+ max-width: 42rem;
+ }
+
+ .lg\:max-w-3xl {
+ max-width: 48rem;
+ }
+
+ .lg\:max-w-4xl {
+ max-width: 56rem;
+ }
+
+ .lg\:max-w-5xl {
+ max-width: 64rem;
+ }
+
+ .lg\:max-w-6xl {
+ max-width: 72rem;
+ }
+
+ .lg\:max-w-full {
+ max-width: 100%;
+ }
+
+ .lg\:max-w-screen-sm {
+ max-width: 640px;
+ }
+
+ .lg\:max-w-screen-md {
+ max-width: 768px;
+ }
+
+ .lg\:max-w-screen-lg {
+ max-width: 1024px;
+ }
+
+ .lg\:max-w-screen-xl {
+ max-width: 1280px;
+ }
+
+ .lg\:min-h-0 {
+ min-height: 0;
+ }
+
+ .lg\:min-h-full {
+ min-height: 100%;
+ }
+
+ .lg\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .lg\:min-w-0 {
+ min-width: 0;
+ }
+
+ .lg\:min-w-full {
+ min-width: 100%;
+ }
+
+ .lg\:object-contain {
+ object-fit: contain;
+ }
+
+ .lg\:object-cover {
+ object-fit: cover;
+ }
+
+ .lg\:object-fill {
+ object-fit: fill;
+ }
+
+ .lg\:object-none {
+ object-fit: none;
+ }
+
+ .lg\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .lg\:object-bottom {
+ object-position: bottom;
+ }
+
+ .lg\:object-center {
+ object-position: center;
+ }
+
+ .lg\:object-left {
+ object-position: left;
+ }
+
+ .lg\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .lg\:object-left-top {
+ object-position: left top;
+ }
+
+ .lg\:object-right {
+ object-position: right;
+ }
+
+ .lg\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .lg\:object-right-top {
+ object-position: right top;
+ }
+
+ .lg\:object-top {
+ object-position: top;
+ }
+
+ .lg\:opacity-0 {
+ opacity: 0;
+ }
+
+ .lg\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .lg\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .lg\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .lg\:opacity-100 {
+ opacity: 1;
+ }
+
+ .lg\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .lg\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .lg\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .lg\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .lg\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .lg\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .lg\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .lg\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .lg\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .lg\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .lg\:outline-none {
+ outline: 0;
+ }
+
+ .lg\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .lg\:overflow-auto {
+ overflow: auto;
+ }
+
+ .lg\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .lg\:overflow-visible {
+ overflow: visible;
+ }
+
+ .lg\:overflow-scroll {
+ overflow: scroll;
+ }
+
+ .lg\:overflow-x-auto {
+ overflow-x: auto;
+ }
+
+ .lg\:overflow-y-auto {
+ overflow-y: auto;
+ }
+
+ .lg\:overflow-x-hidden {
+ overflow-x: hidden;
+ }
+
+ .lg\:overflow-y-hidden {
+ overflow-y: hidden;
+ }
+
+ .lg\:overflow-x-visible {
+ overflow-x: visible;
+ }
+
+ .lg\:overflow-y-visible {
+ overflow-y: visible;
+ }
+
+ .lg\:overflow-x-scroll {
+ overflow-x: scroll;
+ }
+
+ .lg\:overflow-y-scroll {
+ overflow-y: scroll;
+ }
+
+ .lg\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .lg\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .lg\:overscroll-auto {
+ overscroll-behavior: auto;
+ }
+
+ .lg\:overscroll-contain {
+ overscroll-behavior: contain;
+ }
+
+ .lg\:overscroll-none {
+ overscroll-behavior: none;
+ }
+
+ .lg\:overscroll-y-auto {
+ overscroll-behavior-y: auto;
+ }
+
+ .lg\:overscroll-y-contain {
+ overscroll-behavior-y: contain;
+ }
+
+ .lg\:overscroll-y-none {
+ overscroll-behavior-y: none;
+ }
+
+ .lg\:overscroll-x-auto {
+ overscroll-behavior-x: auto;
+ }
+
+ .lg\:overscroll-x-contain {
+ overscroll-behavior-x: contain;
+ }
+
+ .lg\:overscroll-x-none {
+ overscroll-behavior-x: none;
+ }
+
+ .lg\:p-0 {
+ padding: 0;
+ }
+
+ .lg\:p-1 {
+ padding: 0.25rem;
+ }
+
+ .lg\:p-2 {
+ padding: 0.5rem;
+ }
+
+ .lg\:p-3 {
+ padding: 0.75rem;
+ }
+
+ .lg\:p-4 {
+ padding: 1rem;
+ }
+
+ .lg\:p-5 {
+ padding: 1.25rem;
+ }
+
+ .lg\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .lg\:p-8 {
+ padding: 2rem;
+ }
+
+ .lg\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .lg\:p-12 {
+ padding: 3rem;
+ }
+
+ .lg\:p-16 {
+ padding: 4rem;
+ }
+
+ .lg\:p-20 {
+ padding: 5rem;
+ }
+
+ .lg\:p-24 {
+ padding: 6rem;
+ }
+
+ .lg\:p-32 {
+ padding: 8rem;
+ }
+
+ .lg\:p-40 {
+ padding: 10rem;
+ }
+
+ .lg\:p-48 {
+ padding: 12rem;
+ }
+
+ .lg\:p-56 {
+ padding: 14rem;
+ }
+
+ .lg\:p-64 {
+ padding: 16rem;
+ }
+
+ .lg\:p-px {
+ padding: 1px;
+ }
+
+ .lg\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .lg\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .lg\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .lg\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .lg\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .lg\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .lg\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .lg\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .lg\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .lg\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .lg\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .lg\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .lg\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .lg\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .lg\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .lg\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .lg\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .lg\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .lg\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .lg\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .lg\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .lg\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .lg\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .lg\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .lg\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .lg\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .lg\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .lg\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .lg\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .lg\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .lg\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .lg\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .lg\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .lg\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .lg\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .lg\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .lg\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .lg\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .lg\:pt-0 {
+ padding-top: 0;
+ }
+
+ .lg\:pr-0 {
+ padding-right: 0;
+ }
+
+ .lg\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .lg\:pl-0 {
+ padding-left: 0;
+ }
+
+ .lg\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .lg\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .lg\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .lg\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .lg\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .lg\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .lg\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .lg\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .lg\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .lg\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .lg\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .lg\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .lg\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .lg\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .lg\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .lg\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .lg\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .lg\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .lg\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .lg\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .lg\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .lg\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .lg\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .lg\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .lg\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .lg\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .lg\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .lg\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .lg\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .lg\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .lg\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .lg\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .lg\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .lg\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .lg\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .lg\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .lg\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .lg\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .lg\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .lg\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .lg\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .lg\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .lg\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .lg\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .lg\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .lg\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .lg\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .lg\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .lg\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .lg\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .lg\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .lg\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .lg\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .lg\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .lg\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .lg\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .lg\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .lg\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .lg\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .lg\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .lg\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .lg\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .lg\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .lg\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .lg\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .lg\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .lg\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .lg\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .lg\:pt-px {
+ padding-top: 1px;
+ }
+
+ .lg\:pr-px {
+ padding-right: 1px;
+ }
+
+ .lg\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .lg\:pl-px {
+ padding-left: 1px;
+ }
+
+ .lg\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .lg\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .lg\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .lg\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .lg\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .lg\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .lg\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .lg\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .lg\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .lg\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .lg\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .lg\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .lg\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .lg\:static {
+ position: static;
+ }
+
+ .lg\:fixed {
+ position: fixed;
+ }
+
+ .lg\:absolute {
+ position: absolute;
+ }
+
+ .lg\:relative {
+ position: relative;
+ }
+
+ .lg\:sticky {
+ position: sticky;
+ }
+
+ .lg\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .lg\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .lg\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .lg\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .lg\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .lg\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .lg\:top-0 {
+ top: 0;
+ }
+
+ .lg\:right-0 {
+ right: 0;
+ }
+
+ .lg\:bottom-0 {
+ bottom: 0;
+ }
+
+ .lg\:left-0 {
+ left: 0;
+ }
+
+ .lg\:top-auto {
+ top: auto;
+ }
+
+ .lg\:right-auto {
+ right: auto;
+ }
+
+ .lg\:bottom-auto {
+ bottom: auto;
+ }
+
+ .lg\:left-auto {
+ left: auto;
+ }
+
+ .lg\:resize-none {
+ resize: none;
+ }
+
+ .lg\:resize-y {
+ resize: vertical;
+ }
+
+ .lg\:resize-x {
+ resize: horizontal;
+ }
+
+ .lg\:resize {
+ resize: both;
+ }
+
+ .lg\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:shadow-none {
+ box-shadow: none;
+ }
+
+ .lg\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .lg\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .lg\:fill-current {
+ fill: currentColor;
+ }
+
+ .lg\:stroke-current {
+ stroke: currentColor;
+ }
+
+ .lg\:stroke-0 {
+ stroke-width: 0;
+ }
+
+ .lg\:stroke-1 {
+ stroke-width: 1;
+ }
+
+ .lg\:stroke-2 {
+ stroke-width: 2;
+ }
+
+ .lg\:table-auto {
+ table-layout: auto;
+ }
+
+ .lg\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .lg\:text-left {
+ text-align: left;
+ }
+
+ .lg\:text-center {
+ text-align: center;
+ }
+
+ .lg\:text-right {
+ text-align: right;
+ }
+
+ .lg\:text-justify {
+ text-align: justify;
+ }
+
+ .lg\:text-transparent {
+ color: transparent;
+ }
+
+ .lg\:text-current {
+ color: currentColor;
+ }
+
+ .lg\:text-black {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .lg\:text-white {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .lg\:text-gray-50 {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .lg\:text-gray-100 {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .lg\:text-gray-200 {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .lg\:text-gray-300 {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .lg\:text-gray-400 {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .lg\:text-gray-500 {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .lg\:text-gray-600 {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .lg\:text-gray-700 {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .lg\:text-gray-800 {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .lg\:text-gray-900 {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .lg\:text-red-50 {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .lg\:text-red-100 {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .lg\:text-red-200 {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .lg\:text-red-300 {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .lg\:text-red-400 {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .lg\:text-red-500 {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .lg\:text-red-600 {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .lg\:text-red-700 {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .lg\:text-red-800 {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .lg\:text-red-900 {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .lg\:text-orange-50 {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .lg\:text-orange-100 {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .lg\:text-orange-200 {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .lg\:text-orange-300 {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .lg\:text-orange-400 {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .lg\:text-orange-500 {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .lg\:text-orange-600 {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .lg\:text-orange-700 {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .lg\:text-orange-800 {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .lg\:text-orange-900 {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-50 {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-100 {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-200 {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-300 {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-400 {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-500 {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-600 {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-700 {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-800 {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .lg\:text-yellow-900 {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .lg\:text-green-50 {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .lg\:text-green-100 {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .lg\:text-green-200 {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .lg\:text-green-300 {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .lg\:text-green-400 {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .lg\:text-green-500 {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .lg\:text-green-600 {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .lg\:text-green-700 {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .lg\:text-green-800 {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .lg\:text-green-900 {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .lg\:text-teal-50 {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .lg\:text-teal-100 {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .lg\:text-teal-200 {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .lg\:text-teal-300 {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .lg\:text-teal-400 {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .lg\:text-teal-500 {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .lg\:text-teal-600 {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .lg\:text-teal-700 {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .lg\:text-teal-800 {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .lg\:text-teal-900 {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .lg\:text-blue-50 {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:text-blue-100 {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .lg\:text-blue-200 {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .lg\:text-blue-300 {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .lg\:text-blue-400 {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .lg\:text-blue-500 {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .lg\:text-blue-600 {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .lg\:text-blue-700 {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .lg\:text-blue-800 {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .lg\:text-blue-900 {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-50 {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-100 {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-200 {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-300 {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-400 {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-500 {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-600 {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-700 {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-800 {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .lg\:text-indigo-900 {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .lg\:text-purple-50 {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:text-purple-100 {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .lg\:text-purple-200 {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .lg\:text-purple-300 {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .lg\:text-purple-400 {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .lg\:text-purple-500 {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .lg\:text-purple-600 {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .lg\:text-purple-700 {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .lg\:text-purple-800 {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .lg\:text-purple-900 {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .lg\:text-pink-50 {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .lg\:text-pink-100 {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .lg\:text-pink-200 {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .lg\:text-pink-300 {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .lg\:text-pink-400 {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .lg\:text-pink-500 {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .lg\:text-pink-600 {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .lg\:text-pink-700 {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .lg\:text-pink-800 {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .lg\:text-pink-900 {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .lg\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .lg\:hover\:text-black:hover {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-white:hover {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-50:hover {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-100:hover {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-200:hover {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-300:hover {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-400:hover {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-500:hover {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-600:hover {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-700:hover {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-800:hover {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-red-900:hover {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-50:hover {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-50:hover {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-50:hover {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-100:hover {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-200:hover {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-300:hover {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-400:hover {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-500:hover {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-600:hover {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-700:hover {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-800:hover {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-green-900:hover {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-50:hover {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-50:hover {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-50:hover {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-50:hover {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .lg\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .lg\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .lg\:focus\:text-black:focus {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-white:focus {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-50:focus {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-100:focus {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-200:focus {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-300:focus {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-400:focus {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-500:focus {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-600:focus {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-700:focus {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-800:focus {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-red-900:focus {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-50:focus {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-50:focus {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-50:focus {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-100:focus {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-200:focus {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-300:focus {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-400:focus {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-500:focus {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-600:focus {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-700:focus {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-800:focus {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-green-900:focus {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-50:focus {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-50:focus {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-50:focus {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-50:focus {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .lg\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .lg\:text-opacity-0 {
+ --text-opacity: 0;
+ }
+
+ .lg\:text-opacity-25 {
+ --text-opacity: 0.25;
+ }
+
+ .lg\:text-opacity-50 {
+ --text-opacity: 0.5;
+ }
+
+ .lg\:text-opacity-75 {
+ --text-opacity: 0.75;
+ }
+
+ .lg\:text-opacity-100 {
+ --text-opacity: 1;
+ }
+
+ .lg\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
+ }
+
+ .lg\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
+ }
+
+ .lg\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
+ }
+
+ .lg\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
+ }
+
+ .lg\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .lg\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .lg\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .lg\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .lg\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .lg\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
+ }
+
+ .lg\:italic {
+ font-style: italic;
+ }
+
+ .lg\:not-italic {
+ font-style: normal;
+ }
+
+ .lg\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .lg\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .lg\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .lg\:normal-case {
+ text-transform: none;
+ }
+
+ .lg\:underline {
+ text-decoration: underline;
+ }
+
+ .lg\:line-through {
+ text-decoration: line-through;
+ }
+
+ .lg\:no-underline {
+ text-decoration: none;
+ }
+
+ .lg\:hover\:underline:hover {
+ text-decoration: underline;
+ }
+
+ .lg\:hover\:line-through:hover {
+ text-decoration: line-through;
+ }
+
+ .lg\:hover\:no-underline:hover {
+ text-decoration: none;
+ }
+
+ .lg\:focus\:underline:focus {
+ text-decoration: underline;
+ }
+
+ .lg\:focus\:line-through:focus {
+ text-decoration: line-through;
+ }
+
+ .lg\:focus\:no-underline:focus {
+ text-decoration: none;
+ }
+
+ .lg\:antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .lg\:subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+
+ .lg\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .lg\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .lg\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .lg\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .lg\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .lg\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .lg\:select-none {
+ user-select: none;
+ }
+
+ .lg\:select-text {
+ user-select: text;
+ }
+
+ .lg\:select-all {
+ user-select: all;
+ }
+
+ .lg\:select-auto {
+ user-select: auto;
+ }
+
+ .lg\:align-baseline {
+ vertical-align: baseline;
+ }
+
+ .lg\:align-top {
+ vertical-align: top;
+ }
+
+ .lg\:align-middle {
+ vertical-align: middle;
+ }
+
+ .lg\:align-bottom {
+ vertical-align: bottom;
+ }
+
+ .lg\:align-text-top {
+ vertical-align: text-top;
+ }
+
+ .lg\:align-text-bottom {
+ vertical-align: text-bottom;
+ }
+
+ .lg\:visible {
+ visibility: visible;
+ }
+
+ .lg\:invisible {
+ visibility: hidden;
+ }
+
+ .lg\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .lg\:whitespace-no-wrap {
+ white-space: nowrap;
+ }
+
+ .lg\:whitespace-pre {
+ white-space: pre;
+ }
+
+ .lg\:whitespace-pre-line {
+ white-space: pre-line;
+ }
+
+ .lg\:whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+
+ .lg\:break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+
+ .lg\:break-words {
+ overflow-wrap: break-word;
+ }
+
+ .lg\:break-all {
+ word-break: break-all;
+ }
+
+ .lg\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .lg\:w-0 {
+ width: 0;
+ }
+
+ .lg\:w-1 {
+ width: 0.25rem;
+ }
+
+ .lg\:w-2 {
+ width: 0.5rem;
+ }
+
+ .lg\:w-3 {
+ width: 0.75rem;
+ }
+
+ .lg\:w-4 {
+ width: 1rem;
+ }
+
+ .lg\:w-5 {
+ width: 1.25rem;
+ }
+
+ .lg\:w-6 {
+ width: 1.5rem;
+ }
+
+ .lg\:w-8 {
+ width: 2rem;
+ }
+
+ .lg\:w-10 {
+ width: 2.5rem;
+ }
+
+ .lg\:w-12 {
+ width: 3rem;
+ }
+
+ .lg\:w-16 {
+ width: 4rem;
+ }
+
+ .lg\:w-20 {
+ width: 5rem;
+ }
+
+ .lg\:w-24 {
+ width: 6rem;
+ }
+
+ .lg\:w-32 {
+ width: 8rem;
+ }
+
+ .lg\:w-40 {
+ width: 10rem;
+ }
+
+ .lg\:w-48 {
+ width: 12rem;
+ }
+
+ .lg\:w-56 {
+ width: 14rem;
+ }
+
+ .lg\:w-64 {
+ width: 16rem;
+ }
+
+ .lg\:w-auto {
+ width: auto;
+ }
+
+ .lg\:w-px {
+ width: 1px;
+ }
+
+ .lg\:w-1\/2 {
+ width: 50%;
+ }
+
+ .lg\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-2\/3 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-1\/4 {
+ width: 25%;
+ }
+
+ .lg\:w-2\/4 {
+ width: 50%;
+ }
+
+ .lg\:w-3\/4 {
+ width: 75%;
+ }
+
+ .lg\:w-1\/5 {
+ width: 20%;
+ }
+
+ .lg\:w-2\/5 {
+ width: 40%;
+ }
+
+ .lg\:w-3\/5 {
+ width: 60%;
+ }
+
+ .lg\:w-4\/5 {
+ width: 80%;
+ }
+
+ .lg\:w-1\/6 {
+ width: 16.666667%;
+ }
+
+ .lg\:w-2\/6 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-3\/6 {
+ width: 50%;
+ }
+
+ .lg\:w-4\/6 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-5\/6 {
+ width: 83.333333%;
+ }
+
+ .lg\:w-1\/12 {
+ width: 8.333333%;
+ }
+
+ .lg\:w-2\/12 {
+ width: 16.666667%;
+ }
+
+ .lg\:w-3\/12 {
+ width: 25%;
+ }
+
+ .lg\:w-4\/12 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-5\/12 {
+ width: 41.666667%;
+ }
+
+ .lg\:w-6\/12 {
+ width: 50%;
+ }
+
+ .lg\:w-7\/12 {
+ width: 58.333333%;
+ }
+
+ .lg\:w-8\/12 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-9\/12 {
+ width: 75%;
+ }
+
+ .lg\:w-10\/12 {
+ width: 83.333333%;
+ }
+
+ .lg\:w-11\/12 {
+ width: 91.666667%;
+ }
+
+ .lg\:w-full {
+ width: 100%;
+ }
+
+ .lg\:w-screen {
+ width: 100vw;
+ }
+
+ .lg\:z-0 {
+ z-index: 0;
+ }
+
+ .lg\:z-10 {
+ z-index: 10;
+ }
+
+ .lg\:z-20 {
+ z-index: 20;
+ }
+
+ .lg\:z-30 {
+ z-index: 30;
+ }
+
+ .lg\:z-40 {
+ z-index: 40;
+ }
+
+ .lg\:z-50 {
+ z-index: 50;
+ }
+
+ .lg\:z-auto {
+ z-index: auto;
+ }
+
+ .lg\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .lg\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .lg\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .lg\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .lg\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .lg\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .lg\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .lg\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .lg\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .lg\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .lg\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .lg\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .lg\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .lg\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .lg\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .lg\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .lg\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .lg\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .lg\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .lg\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .lg\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .lg\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .lg\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .lg\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .lg\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .lg\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .lg\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .lg\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .lg\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .lg\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .lg\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .lg\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .lg\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .lg\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .lg\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .lg\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .lg\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .lg\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .lg\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .lg\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .lg\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .lg\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .lg\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .lg\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .lg\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .lg\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .lg\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .lg\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .lg\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .lg\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .lg\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .lg\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .lg\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .lg\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .lg\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .lg\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .lg\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .lg\:grid-flow-row {
+ grid-auto-flow: row;
+ }
+
+ .lg\:grid-flow-col {
+ grid-auto-flow: column;
+ }
+
+ .lg\:grid-flow-row-dense {
+ grid-auto-flow: row dense;
+ }
+
+ .lg\:grid-flow-col-dense {
+ grid-auto-flow: column dense;
+ }
+
+ .lg\:grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-6 {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-7 {
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-8 {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-9 {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-10 {
+ grid-template-columns: repeat(10, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-11 {
+ grid-template-columns: repeat(11, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-12 {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-none {
+ grid-template-columns: none;
+ }
+
+ .lg\:col-auto {
+ grid-column: auto;
+ }
+
+ .lg\:col-span-1 {
+ grid-column: span 1 / span 1;
+ }
+
+ .lg\:col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+
+ .lg\:col-span-3 {
+ grid-column: span 3 / span 3;
+ }
+
+ .lg\:col-span-4 {
+ grid-column: span 4 / span 4;
+ }
+
+ .lg\:col-span-5 {
+ grid-column: span 5 / span 5;
+ }
+
+ .lg\:col-span-6 {
+ grid-column: span 6 / span 6;
+ }
+
+ .lg\:col-span-7 {
+ grid-column: span 7 / span 7;
+ }
+
+ .lg\:col-span-8 {
+ grid-column: span 8 / span 8;
+ }
+
+ .lg\:col-span-9 {
+ grid-column: span 9 / span 9;
+ }
+
+ .lg\:col-span-10 {
+ grid-column: span 10 / span 10;
+ }
+
+ .lg\:col-span-11 {
+ grid-column: span 11 / span 11;
+ }
+
+ .lg\:col-span-12 {
+ grid-column: span 12 / span 12;
+ }
+
+ .lg\:col-start-1 {
+ grid-column-start: 1;
+ }
+
+ .lg\:col-start-2 {
+ grid-column-start: 2;
+ }
+
+ .lg\:col-start-3 {
+ grid-column-start: 3;
+ }
+
+ .lg\:col-start-4 {
+ grid-column-start: 4;
+ }
+
+ .lg\:col-start-5 {
+ grid-column-start: 5;
+ }
+
+ .lg\:col-start-6 {
+ grid-column-start: 6;
+ }
+
+ .lg\:col-start-7 {
+ grid-column-start: 7;
+ }
+
+ .lg\:col-start-8 {
+ grid-column-start: 8;
+ }
+
+ .lg\:col-start-9 {
+ grid-column-start: 9;
+ }
+
+ .lg\:col-start-10 {
+ grid-column-start: 10;
+ }
+
+ .lg\:col-start-11 {
+ grid-column-start: 11;
+ }
+
+ .lg\:col-start-12 {
+ grid-column-start: 12;
+ }
+
+ .lg\:col-start-13 {
+ grid-column-start: 13;
+ }
+
+ .lg\:col-start-auto {
+ grid-column-start: auto;
+ }
+
+ .lg\:col-end-1 {
+ grid-column-end: 1;
+ }
+
+ .lg\:col-end-2 {
+ grid-column-end: 2;
+ }
+
+ .lg\:col-end-3 {
+ grid-column-end: 3;
+ }
+
+ .lg\:col-end-4 {
+ grid-column-end: 4;
+ }
+
+ .lg\:col-end-5 {
+ grid-column-end: 5;
+ }
+
+ .lg\:col-end-6 {
+ grid-column-end: 6;
+ }
+
+ .lg\:col-end-7 {
+ grid-column-end: 7;
+ }
+
+ .lg\:col-end-8 {
+ grid-column-end: 8;
+ }
+
+ .lg\:col-end-9 {
+ grid-column-end: 9;
+ }
+
+ .lg\:col-end-10 {
+ grid-column-end: 10;
+ }
+
+ .lg\:col-end-11 {
+ grid-column-end: 11;
+ }
+
+ .lg\:col-end-12 {
+ grid-column-end: 12;
+ }
+
+ .lg\:col-end-13 {
+ grid-column-end: 13;
+ }
+
+ .lg\:col-end-auto {
+ grid-column-end: auto;
+ }
+
+ .lg\:grid-rows-1 {
+ grid-template-rows: repeat(1, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-3 {
+ grid-template-rows: repeat(3, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-4 {
+ grid-template-rows: repeat(4, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-5 {
+ grid-template-rows: repeat(5, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-6 {
+ grid-template-rows: repeat(6, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-none {
+ grid-template-rows: none;
+ }
+
+ .lg\:row-auto {
+ grid-row: auto;
+ }
+
+ .lg\:row-span-1 {
+ grid-row: span 1 / span 1;
+ }
+
+ .lg\:row-span-2 {
+ grid-row: span 2 / span 2;
+ }
+
+ .lg\:row-span-3 {
+ grid-row: span 3 / span 3;
+ }
+
+ .lg\:row-span-4 {
+ grid-row: span 4 / span 4;
+ }
+
+ .lg\:row-span-5 {
+ grid-row: span 5 / span 5;
+ }
+
+ .lg\:row-span-6 {
+ grid-row: span 6 / span 6;
+ }
+
+ .lg\:row-start-1 {
+ grid-row-start: 1;
+ }
+
+ .lg\:row-start-2 {
+ grid-row-start: 2;
+ }
+
+ .lg\:row-start-3 {
+ grid-row-start: 3;
+ }
+
+ .lg\:row-start-4 {
+ grid-row-start: 4;
+ }
+
+ .lg\:row-start-5 {
+ grid-row-start: 5;
+ }
+
+ .lg\:row-start-6 {
+ grid-row-start: 6;
+ }
+
+ .lg\:row-start-7 {
+ grid-row-start: 7;
+ }
+
+ .lg\:row-start-auto {
+ grid-row-start: auto;
+ }
+
+ .lg\:row-end-1 {
+ grid-row-end: 1;
+ }
+
+ .lg\:row-end-2 {
+ grid-row-end: 2;
+ }
+
+ .lg\:row-end-3 {
+ grid-row-end: 3;
+ }
+
+ .lg\:row-end-4 {
+ grid-row-end: 4;
+ }
+
+ .lg\:row-end-5 {
+ grid-row-end: 5;
+ }
+
+ .lg\:row-end-6 {
+ grid-row-end: 6;
+ }
+
+ .lg\:row-end-7 {
+ grid-row-end: 7;
+ }
+
+ .lg\:row-end-auto {
+ grid-row-end: auto;
+ }
+
+ .lg\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .lg\:transform-none {
+ transform: none;
+ }
+
+ .lg\:origin-center {
+ transform-origin: center;
+ }
+
+ .lg\:origin-top {
+ transform-origin: top;
+ }
+
+ .lg\:origin-top-right {
+ transform-origin: top right;
+ }
+
+ .lg\:origin-right {
+ transform-origin: right;
+ }
+
+ .lg\:origin-bottom-right {
+ transform-origin: bottom right;
+ }
+
+ .lg\:origin-bottom {
+ transform-origin: bottom;
+ }
+
+ .lg\:origin-bottom-left {
+ transform-origin: bottom left;
+ }
+
+ .lg\:origin-left {
+ transform-origin: left;
+ }
+
+ .lg\:origin-top-left {
+ transform-origin: top left;
+ }
+
+ .lg\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .lg\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .lg\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .lg\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .lg\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .lg\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .lg\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .lg\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .lg\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .lg\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .lg\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .lg\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .lg\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .lg\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .lg\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .lg\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .lg\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .lg\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .lg\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .lg\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .lg\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .lg\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .lg\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .lg\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .lg\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .lg\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .lg\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .lg\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .lg\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .lg\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .lg\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .lg\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .lg\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .lg\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .lg\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .lg\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .lg\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .lg\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .lg\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .lg\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .lg\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .lg\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .lg\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .lg\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .lg\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .lg\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .lg\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .lg\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .lg\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .lg\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .lg\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .lg\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .lg\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .lg\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .lg\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .lg\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .lg\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .lg\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .lg\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .lg\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .lg\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .lg\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .lg\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .lg\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .lg\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .lg\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .lg\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .lg\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .lg\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .lg\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .lg\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .lg\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .lg\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .lg\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .lg\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .lg\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .lg\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .lg\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .lg\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .lg\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .lg\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .lg\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .lg\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .lg\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .lg\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .lg\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .lg\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .lg\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .lg\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .lg\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .lg\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .lg\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .lg\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .lg\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .lg\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .lg\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .lg\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .lg\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .lg\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .lg\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .lg\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .lg\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .lg\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .lg\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .lg\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .lg\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .lg\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .lg\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .lg\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .lg\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .lg\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .lg\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .lg\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .lg\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .lg\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .lg\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .lg\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .lg\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .lg\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .lg\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .lg\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .lg\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .lg\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .lg\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .lg\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .lg\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .lg\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .lg\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .lg\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .lg\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .lg\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .lg\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .lg\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .lg\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .lg\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .lg\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .lg\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .lg\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .lg\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .lg\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .lg\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .lg\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .lg\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .lg\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .lg\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .lg\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .lg\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .lg\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .lg\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .lg\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .lg\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .lg\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .lg\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .lg\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .lg\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .lg\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .lg\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .lg\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .lg\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .lg\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .lg\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .lg\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .lg\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .lg\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .lg\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .lg\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .lg\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .lg\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .lg\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .lg\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .lg\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .lg\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .lg\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .lg\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .lg\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .lg\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .lg\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .lg\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .lg\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .lg\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .lg\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .lg\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .lg\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .lg\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .lg\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .lg\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .lg\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .lg\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .lg\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .lg\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .lg\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .lg\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .lg\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .lg\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .lg\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .lg\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .lg\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .lg\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .lg\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .lg\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .lg\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .lg\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .lg\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .lg\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .lg\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .lg\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .lg\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .lg\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .lg\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .lg\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .lg\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .lg\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .lg\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .lg\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .lg\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .lg\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .lg\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .lg\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .lg\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .lg\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .lg\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .lg\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .lg\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .lg\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .lg\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .lg\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .lg\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .lg\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .lg\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .lg\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .lg\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .lg\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .lg\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .lg\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .lg\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .lg\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .lg\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .lg\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .lg\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .lg\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .lg\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .lg\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .lg\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .lg\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .lg\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .lg\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .lg\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .lg\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .lg\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .lg\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .lg\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .lg\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .lg\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .lg\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .lg\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .lg\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .lg\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .lg\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .lg\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .lg\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .lg\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .lg\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .lg\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .lg\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .lg\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .lg\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .lg\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .lg\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .lg\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .lg\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .lg\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .lg\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .lg\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .lg\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .lg\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .lg\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .lg\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .lg\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .lg\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .lg\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .lg\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .lg\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .lg\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .lg\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .lg\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .lg\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .lg\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .lg\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .lg\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .lg\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .lg\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .lg\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .lg\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .lg\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .lg\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .lg\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .lg\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .lg\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .lg\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .lg\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .lg\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .lg\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .lg\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .lg\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .lg\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .lg\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .lg\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .lg\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .lg\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .lg\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .lg\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .lg\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .lg\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .lg\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .lg\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .lg\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .lg\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .lg\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .lg\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .lg\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .lg\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .lg\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .lg\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .lg\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .lg\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .lg\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .lg\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .lg\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .lg\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .lg\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .lg\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .lg\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .lg\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .lg\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .lg\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .lg\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .lg\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .lg\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .lg\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .lg\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .lg\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .lg\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .lg\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .lg\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .lg\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .lg\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .lg\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .lg\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .lg\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .lg\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .lg\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .lg\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .lg\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .lg\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .lg\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .lg\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .lg\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .lg\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .lg\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .lg\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .lg\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .lg\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .lg\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .lg\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .lg\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .lg\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .lg\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .lg\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .lg\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .lg\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .lg\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .lg\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .lg\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .lg\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .lg\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .lg\:transition-none {
+ transition-property: none;
+ }
+
+ .lg\:transition-all {
+ transition-property: all;
+ }
+
+ .lg\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .lg\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .lg\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .lg\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .lg\:transition-transform {
+ transition-property: transform;
+ }
+
+ .lg\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .lg\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .lg\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .lg\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .lg\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .lg\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .lg\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .lg\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .lg\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .lg\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .lg\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .lg\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .lg\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .lg\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .lg\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .lg\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .lg\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .lg\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .lg\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .lg\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .lg\:animate-none {
+ animation: none;
+ }
+
+ .lg\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .lg\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .lg\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .lg\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
+ .lg\:example {
+ font-weight: 700;
+ color: #f05252;
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .xl\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .xl\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .xl\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .xl\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .xl\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .xl\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .xl\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .xl\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .xl\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .xl\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .xl\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .xl\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--divide-opacity));
+ }
+
+ .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
+ .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\:not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .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\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .xl\:appearance-none {
+ appearance: none;
+ }
+
+ .xl\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .xl\:bg-local {
+ background-attachment: local;
+ }
+
+ .xl\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .xl\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .xl\:bg-current {
+ background-color: currentColor;
+ }
+
+ .xl\:bg-black {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .xl\:bg-white {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-50 {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-100 {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-200 {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-300 {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-400 {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-500 {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-600 {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-700 {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-800 {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .xl\:bg-gray-900 {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-100 {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-200 {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-400 {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-500 {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-600 {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-700 {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-800 {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .xl\:bg-red-900 {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-50 {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-100 {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-200 {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-300 {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-400 {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-500 {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-600 {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-700 {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-800 {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .xl\:bg-orange-900 {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-50 {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-100 {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-200 {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-300 {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-400 {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-500 {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-600 {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-700 {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-800 {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .xl\:bg-yellow-900 {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-50 {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-100 {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-200 {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-300 {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-400 {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-500 {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-600 {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-700 {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-800 {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .xl\:bg-green-900 {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-50 {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-100 {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-200 {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-300 {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-400 {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-500 {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-600 {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-700 {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-800 {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .xl\:bg-teal-900 {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-50 {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-100 {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-200 {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-300 {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-400 {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-500 {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-600 {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-700 {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-800 {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .xl\:bg-blue-900 {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-50 {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-100 {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-200 {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-300 {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-400 {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-500 {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-600 {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-700 {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-800 {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .xl\:bg-indigo-900 {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-50 {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-100 {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-200 {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-300 {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-400 {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-500 {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-600 {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-700 {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-800 {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .xl\:bg-purple-900 {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-50 {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-100 {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-200 {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-300 {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-400 {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-500 {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-600 {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-700 {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-800 {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .xl\:bg-pink-900 {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .xl\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .xl\:hover\:bg-black:hover {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-white:hover {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-50:hover {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-50:hover {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-50:hover {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-50:hover {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-50:hover {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-50:hover {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-50:hover {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-50:hover {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .xl\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .xl\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .xl\:focus\:bg-black:focus {
+ --bg-opacity: 1;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-white:focus {
+ --bg-opacity: 1;
+ background-color: #ffffff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-50:focus {
+ --bg-opacity: 1;
+ background-color: #f9fafb;
+ background-color: rgba(249, 250, 251, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
+ background-color: #f4f5f7;
+ background-color: rgba(244, 245, 247, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
+ background-color: #e5e7eb;
+ background-color: rgba(229, 231, 235, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
+ background-color: #d2d6dc;
+ background-color: rgba(210, 214, 220, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
+ background-color: #9fa6b2;
+ background-color: rgba(159, 166, 178, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
+ background-color: #6b7280;
+ background-color: rgba(107, 114, 128, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
+ background-color: #4b5563;
+ background-color: rgba(75, 85, 99, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
+ background-color: #374151;
+ background-color: rgba(55, 65, 81, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
+ background-color: #252f3f;
+ background-color: rgba(37, 47, 63, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
+ background-color: #161e2e;
+ background-color: rgba(22, 30, 46, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f2;
+ background-color: rgba(253, 242, 242, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
+ background-color: #fde8e8;
+ background-color: rgba(253, 232, 232, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
+ background-color: #fbd5d5;
+ background-color: rgba(251, 213, 213, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4b4;
+ background-color: rgba(248, 180, 180, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
+ background-color: #f98080;
+ background-color: rgba(249, 128, 128, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
+ background-color: #f05252;
+ background-color: rgba(240, 82, 82, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
+ background-color: #e02424;
+ background-color: rgba(224, 36, 36, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
+ background-color: #c81e1e;
+ background-color: rgba(200, 30, 30, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
+ background-color: #9b1c1c;
+ background-color: rgba(155, 28, 28, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
+ background-color: #771d1d;
+ background-color: rgba(119, 29, 29, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-50:focus {
+ --bg-opacity: 1;
+ background-color: #fff8f1;
+ background-color: rgba(255, 248, 241, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
+ background-color: #feecdc;
+ background-color: rgba(254, 236, 220, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
+ background-color: #fcd9bd;
+ background-color: rgba(252, 217, 189, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
+ background-color: #fdba8c;
+ background-color: rgba(253, 186, 140, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
+ background-color: #ff8a4c;
+ background-color: rgba(255, 138, 76, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
+ background-color: #ff5a1f;
+ background-color: rgba(255, 90, 31, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
+ background-color: #d03801;
+ background-color: rgba(208, 56, 1, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
+ background-color: #b43403;
+ background-color: rgba(180, 52, 3, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
+ background-color: #8a2c0d;
+ background-color: rgba(138, 44, 13, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
+ background-color: #73230d;
+ background-color: rgba(115, 35, 13, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdfdea;
+ background-color: rgba(253, 253, 234, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
+ background-color: #fdf6b2;
+ background-color: rgba(253, 246, 178, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
+ background-color: #fce96a;
+ background-color: rgba(252, 233, 106, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
+ background-color: #faca15;
+ background-color: rgba(250, 202, 21, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
+ background-color: #e3a008;
+ background-color: rgba(227, 160, 8, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
+ background-color: #c27803;
+ background-color: rgba(194, 120, 3, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
+ background-color: #9f580a;
+ background-color: rgba(159, 88, 10, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
+ background-color: #8e4b10;
+ background-color: rgba(142, 75, 16, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
+ background-color: #723b13;
+ background-color: rgba(114, 59, 19, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
+ background-color: #633112;
+ background-color: rgba(99, 49, 18, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-50:focus {
+ --bg-opacity: 1;
+ background-color: #f3faf7;
+ background-color: rgba(243, 250, 247, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
+ background-color: #def7ec;
+ background-color: rgba(222, 247, 236, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
+ background-color: #bcf0da;
+ background-color: rgba(188, 240, 218, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
+ background-color: #84e1bc;
+ background-color: rgba(132, 225, 188, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
+ background-color: #31c48d;
+ background-color: rgba(49, 196, 141, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
+ background-color: #0e9f6e;
+ background-color: rgba(14, 159, 110, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
+ background-color: #057a55;
+ background-color: rgba(5, 122, 85, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
+ background-color: #046c4e;
+ background-color: rgba(4, 108, 78, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
+ background-color: #03543f;
+ background-color: rgba(3, 84, 63, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
+ background-color: #014737;
+ background-color: rgba(1, 71, 55, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-50:focus {
+ --bg-opacity: 1;
+ background-color: #edfafa;
+ background-color: rgba(237, 250, 250, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
+ background-color: #d5f5f6;
+ background-color: rgba(213, 245, 246, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
+ background-color: #afecef;
+ background-color: rgba(175, 236, 239, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
+ background-color: #7edce2;
+ background-color: rgba(126, 220, 226, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
+ background-color: #16bdca;
+ background-color: rgba(22, 189, 202, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
+ background-color: #0694a2;
+ background-color: rgba(6, 148, 162, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
+ background-color: #047481;
+ background-color: rgba(4, 116, 129, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
+ background-color: #036672;
+ background-color: rgba(3, 102, 114, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
+ background-color: #05505c;
+ background-color: rgba(5, 80, 92, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
+ background-color: #014451;
+ background-color: rgba(1, 68, 81, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-50:focus {
+ --bg-opacity: 1;
+ background-color: #ebf5ff;
+ background-color: rgba(235, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
+ background-color: #e1effe;
+ background-color: rgba(225, 239, 254, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
+ background-color: #c3ddfd;
+ background-color: rgba(195, 221, 253, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
+ background-color: #a4cafe;
+ background-color: rgba(164, 202, 254, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
+ background-color: #76a9fa;
+ background-color: rgba(118, 169, 250, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
+ background-color: #3f83f8;
+ background-color: rgba(63, 131, 248, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
+ background-color: #1c64f2;
+ background-color: rgba(28, 100, 242, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
+ background-color: #1a56db;
+ background-color: rgba(26, 86, 219, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
+ background-color: #1e429f;
+ background-color: rgba(30, 66, 159, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
+ background-color: #233876;
+ background-color: rgba(35, 56, 118, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-50:focus {
+ --bg-opacity: 1;
+ background-color: #f0f5ff;
+ background-color: rgba(240, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
+ background-color: #e5edff;
+ background-color: rgba(229, 237, 255, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
+ background-color: #cddbfe;
+ background-color: rgba(205, 219, 254, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
+ background-color: #b4c6fc;
+ background-color: rgba(180, 198, 252, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
+ background-color: #8da2fb;
+ background-color: rgba(141, 162, 251, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
+ background-color: #6875f5;
+ background-color: rgba(104, 117, 245, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
+ background-color: #5850ec;
+ background-color: rgba(88, 80, 236, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
+ background-color: #5145cd;
+ background-color: rgba(81, 69, 205, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
+ background-color: #42389d;
+ background-color: rgba(66, 56, 157, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
+ background-color: #362f78;
+ background-color: rgba(54, 47, 120, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-50:focus {
+ --bg-opacity: 1;
+ background-color: #f6f5ff;
+ background-color: rgba(246, 245, 255, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
+ background-color: #edebfe;
+ background-color: rgba(237, 235, 254, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
+ background-color: #dcd7fe;
+ background-color: rgba(220, 215, 254, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
+ background-color: #cabffd;
+ background-color: rgba(202, 191, 253, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
+ background-color: #ac94fa;
+ background-color: rgba(172, 148, 250, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
+ background-color: #9061f9;
+ background-color: rgba(144, 97, 249, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
+ background-color: #7e3af2;
+ background-color: rgba(126, 58, 242, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
+ background-color: #6c2bd9;
+ background-color: rgba(108, 43, 217, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
+ background-color: #5521b5;
+ background-color: rgba(85, 33, 181, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
+ background-color: #4a1d96;
+ background-color: rgba(74, 29, 150, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-50:focus {
+ --bg-opacity: 1;
+ background-color: #fdf2f8;
+ background-color: rgba(253, 242, 248, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
+ background-color: #fce8f3;
+ background-color: rgba(252, 232, 243, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
+ background-color: #fad1e8;
+ background-color: rgba(250, 209, 232, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
+ background-color: #f8b4d9;
+ background-color: rgba(248, 180, 217, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
+ background-color: #f17eb8;
+ background-color: rgba(241, 126, 184, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
+ background-color: #e74694;
+ background-color: rgba(231, 70, 148, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
+ background-color: #d61f69;
+ background-color: rgba(214, 31, 105, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
+ background-color: #bf125d;
+ background-color: rgba(191, 18, 93, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
+ background-color: #99154b;
+ background-color: rgba(153, 21, 75, var(--bg-opacity));
+ }
+
+ .xl\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
+ background-color: #751a3d;
+ background-color: rgba(117, 26, 61, var(--bg-opacity));
+ }
+
+ .xl\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .xl\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .xl\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .xl\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .xl\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .xl\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .xl\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .xl\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .xl\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .xl\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .xl\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .xl\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .xl\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .xl\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .xl\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
+ }
+
+ .xl\:bg-bottom {
+ background-position: bottom;
+ }
+
+ .xl\:bg-center {
+ background-position: center;
+ }
+
+ .xl\:bg-left {
+ background-position: left;
+ }
+
+ .xl\:bg-left-bottom {
+ background-position: left bottom;
+ }
+
+ .xl\:bg-left-top {
+ background-position: left top;
+ }
+
+ .xl\:bg-right {
+ background-position: right;
+ }
+
+ .xl\:bg-right-bottom {
+ background-position: right bottom;
+ }
+
+ .xl\:bg-right-top {
+ background-position: right top;
+ }
+
+ .xl\:bg-top {
+ background-position: top;
+ }
+
+ .xl\:bg-repeat {
+ background-repeat: repeat;
+ }
+
+ .xl\:bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+
+ .xl\:bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+
+ .xl\:bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+
+ .xl\:bg-repeat-round {
+ background-repeat: round;
+ }
+
+ .xl\:bg-repeat-space {
+ background-repeat: space;
+ }
+
+ .xl\:bg-auto {
+ background-size: auto;
+ }
+
+ .xl\:bg-cover {
+ background-size: cover;
+ }
+
+ .xl\:bg-contain {
+ background-size: contain;
+ }
+
+ .xl\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .xl\:border-separate {
+ border-collapse: separate;
+ }
+
+ .xl\:border-transparent {
+ border-color: transparent;
+ }
+
+ .xl\:border-current {
+ border-color: currentColor;
+ }
+
+ .xl\:border-black {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .xl\:border-white {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .xl\:border-gray-50 {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .xl\:border-gray-100 {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .xl\:border-gray-200 {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .xl\:border-gray-300 {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .xl\:border-gray-400 {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .xl\:border-gray-500 {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .xl\:border-gray-600 {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .xl\:border-gray-700 {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .xl\:border-gray-800 {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .xl\:border-gray-900 {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .xl\:border-red-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .xl\:border-red-100 {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .xl\:border-red-200 {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .xl\:border-red-300 {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .xl\:border-red-400 {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .xl\:border-red-500 {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .xl\:border-red-600 {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .xl\:border-red-700 {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .xl\:border-red-800 {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .xl\:border-red-900 {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .xl\:border-orange-50 {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .xl\:border-orange-100 {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .xl\:border-orange-200 {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .xl\:border-orange-300 {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .xl\:border-orange-400 {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .xl\:border-orange-500 {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .xl\:border-orange-600 {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .xl\:border-orange-700 {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .xl\:border-orange-800 {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .xl\:border-orange-900 {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-50 {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-100 {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-200 {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-300 {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-400 {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-500 {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-600 {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-700 {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-800 {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .xl\:border-yellow-900 {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .xl\:border-green-50 {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .xl\:border-green-100 {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .xl\:border-green-200 {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .xl\:border-green-300 {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .xl\:border-green-400 {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .xl\:border-green-500 {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .xl\:border-green-600 {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .xl\:border-green-700 {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .xl\:border-green-800 {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .xl\:border-green-900 {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .xl\:border-teal-50 {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .xl\:border-teal-100 {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .xl\:border-teal-200 {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .xl\:border-teal-300 {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .xl\:border-teal-400 {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .xl\:border-teal-500 {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .xl\:border-teal-600 {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .xl\:border-teal-700 {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .xl\:border-teal-800 {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .xl\:border-teal-900 {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .xl\:border-blue-50 {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:border-blue-100 {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .xl\:border-blue-200 {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .xl\:border-blue-300 {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .xl\:border-blue-400 {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .xl\:border-blue-500 {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .xl\:border-blue-600 {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .xl\:border-blue-700 {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .xl\:border-blue-800 {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .xl\:border-blue-900 {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-50 {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-100 {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-200 {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-300 {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-400 {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-500 {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-600 {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-700 {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-800 {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .xl\:border-indigo-900 {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .xl\:border-purple-50 {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:border-purple-100 {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .xl\:border-purple-200 {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .xl\:border-purple-300 {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .xl\:border-purple-400 {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .xl\:border-purple-500 {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .xl\:border-purple-600 {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .xl\:border-purple-700 {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .xl\:border-purple-800 {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .xl\:border-purple-900 {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .xl\:border-pink-50 {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .xl\:border-pink-100 {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .xl\:border-pink-200 {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .xl\:border-pink-300 {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .xl\:border-pink-400 {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .xl\:border-pink-500 {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .xl\:border-pink-600 {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .xl\:border-pink-700 {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .xl\:border-pink-800 {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .xl\:border-pink-900 {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .xl\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .xl\:hover\:border-black:hover {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-white:hover {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-50:hover {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-100:hover {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-200:hover {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-400:hover {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-500:hover {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-600:hover {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-700:hover {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-800:hover {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-red-900:hover {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-50:hover {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-50:hover {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-50:hover {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-100:hover {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-200:hover {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-300:hover {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-400:hover {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-500:hover {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-600:hover {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-700:hover {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-800:hover {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-green-900:hover {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-50:hover {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-50:hover {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-50:hover {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-50:hover {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-50:hover {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .xl\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .xl\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .xl\:focus\:border-black:focus {
+ --border-opacity: 1;
+ border-color: #000000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-white:focus {
+ --border-opacity: 1;
+ border-color: #ffffff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-50:focus {
+ --border-opacity: 1;
+ border-color: #f9fafb;
+ border-color: rgba(249, 250, 251, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
+ border-color: #f4f5f7;
+ border-color: rgba(244, 245, 247, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
+ border-color: #e5e7eb;
+ border-color: rgba(229, 231, 235, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
+ border-color: #d2d6dc;
+ border-color: rgba(210, 214, 220, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
+ border-color: #9fa6b2;
+ border-color: rgba(159, 166, 178, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
+ border-color: #6b7280;
+ border-color: rgba(107, 114, 128, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
+ border-color: #4b5563;
+ border-color: rgba(75, 85, 99, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
+ border-color: #374151;
+ border-color: rgba(55, 65, 81, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
+ border-color: #252f3f;
+ border-color: rgba(37, 47, 63, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
+ border-color: #161e2e;
+ border-color: rgba(22, 30, 46, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f2;
+ border-color: rgba(253, 242, 242, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-100:focus {
+ --border-opacity: 1;
+ border-color: #fde8e8;
+ border-color: rgba(253, 232, 232, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-200:focus {
+ --border-opacity: 1;
+ border-color: #fbd5d5;
+ border-color: rgba(251, 213, 213, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4b4;
+ border-color: rgba(248, 180, 180, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-400:focus {
+ --border-opacity: 1;
+ border-color: #f98080;
+ border-color: rgba(249, 128, 128, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-500:focus {
+ --border-opacity: 1;
+ border-color: #f05252;
+ border-color: rgba(240, 82, 82, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-600:focus {
+ --border-opacity: 1;
+ border-color: #e02424;
+ border-color: rgba(224, 36, 36, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-700:focus {
+ --border-opacity: 1;
+ border-color: #c81e1e;
+ border-color: rgba(200, 30, 30, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-800:focus {
+ --border-opacity: 1;
+ border-color: #9b1c1c;
+ border-color: rgba(155, 28, 28, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-red-900:focus {
+ --border-opacity: 1;
+ border-color: #771d1d;
+ border-color: rgba(119, 29, 29, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-50:focus {
+ --border-opacity: 1;
+ border-color: #fff8f1;
+ border-color: rgba(255, 248, 241, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
+ border-color: #feecdc;
+ border-color: rgba(254, 236, 220, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
+ border-color: #fcd9bd;
+ border-color: rgba(252, 217, 189, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
+ border-color: #fdba8c;
+ border-color: rgba(253, 186, 140, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
+ border-color: #ff8a4c;
+ border-color: rgba(255, 138, 76, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
+ border-color: #ff5a1f;
+ border-color: rgba(255, 90, 31, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
+ border-color: #d03801;
+ border-color: rgba(208, 56, 1, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
+ border-color: #b43403;
+ border-color: rgba(180, 52, 3, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
+ border-color: #8a2c0d;
+ border-color: rgba(138, 44, 13, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
+ border-color: #73230d;
+ border-color: rgba(115, 35, 13, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-50:focus {
+ --border-opacity: 1;
+ border-color: #fdfdea;
+ border-color: rgba(253, 253, 234, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
+ border-color: #fdf6b2;
+ border-color: rgba(253, 246, 178, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
+ border-color: #fce96a;
+ border-color: rgba(252, 233, 106, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
+ border-color: #faca15;
+ border-color: rgba(250, 202, 21, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
+ border-color: #e3a008;
+ border-color: rgba(227, 160, 8, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
+ border-color: #c27803;
+ border-color: rgba(194, 120, 3, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
+ border-color: #9f580a;
+ border-color: rgba(159, 88, 10, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
+ border-color: #8e4b10;
+ border-color: rgba(142, 75, 16, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
+ border-color: #723b13;
+ border-color: rgba(114, 59, 19, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
+ border-color: #633112;
+ border-color: rgba(99, 49, 18, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-50:focus {
+ --border-opacity: 1;
+ border-color: #f3faf7;
+ border-color: rgba(243, 250, 247, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-100:focus {
+ --border-opacity: 1;
+ border-color: #def7ec;
+ border-color: rgba(222, 247, 236, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-200:focus {
+ --border-opacity: 1;
+ border-color: #bcf0da;
+ border-color: rgba(188, 240, 218, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-300:focus {
+ --border-opacity: 1;
+ border-color: #84e1bc;
+ border-color: rgba(132, 225, 188, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-400:focus {
+ --border-opacity: 1;
+ border-color: #31c48d;
+ border-color: rgba(49, 196, 141, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-500:focus {
+ --border-opacity: 1;
+ border-color: #0e9f6e;
+ border-color: rgba(14, 159, 110, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-600:focus {
+ --border-opacity: 1;
+ border-color: #057a55;
+ border-color: rgba(5, 122, 85, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-700:focus {
+ --border-opacity: 1;
+ border-color: #046c4e;
+ border-color: rgba(4, 108, 78, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-800:focus {
+ --border-opacity: 1;
+ border-color: #03543f;
+ border-color: rgba(3, 84, 63, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-green-900:focus {
+ --border-opacity: 1;
+ border-color: #014737;
+ border-color: rgba(1, 71, 55, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-50:focus {
+ --border-opacity: 1;
+ border-color: #edfafa;
+ border-color: rgba(237, 250, 250, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
+ border-color: #d5f5f6;
+ border-color: rgba(213, 245, 246, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
+ border-color: #afecef;
+ border-color: rgba(175, 236, 239, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
+ border-color: #7edce2;
+ border-color: rgba(126, 220, 226, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
+ border-color: #16bdca;
+ border-color: rgba(22, 189, 202, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
+ border-color: #0694a2;
+ border-color: rgba(6, 148, 162, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
+ border-color: #047481;
+ border-color: rgba(4, 116, 129, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
+ border-color: #036672;
+ border-color: rgba(3, 102, 114, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
+ border-color: #05505c;
+ border-color: rgba(5, 80, 92, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
+ border-color: #014451;
+ border-color: rgba(1, 68, 81, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-50:focus {
+ --border-opacity: 1;
+ border-color: #ebf5ff;
+ border-color: rgba(235, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
+ border-color: #e1effe;
+ border-color: rgba(225, 239, 254, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
+ border-color: #c3ddfd;
+ border-color: rgba(195, 221, 253, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
+ border-color: #a4cafe;
+ border-color: rgba(164, 202, 254, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
+ border-color: #76a9fa;
+ border-color: rgba(118, 169, 250, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
+ border-color: #3f83f8;
+ border-color: rgba(63, 131, 248, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
+ border-color: #1c64f2;
+ border-color: rgba(28, 100, 242, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
+ border-color: #1a56db;
+ border-color: rgba(26, 86, 219, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
+ border-color: #1e429f;
+ border-color: rgba(30, 66, 159, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
+ border-color: #233876;
+ border-color: rgba(35, 56, 118, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-50:focus {
+ --border-opacity: 1;
+ border-color: #f0f5ff;
+ border-color: rgba(240, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
+ border-color: #e5edff;
+ border-color: rgba(229, 237, 255, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
+ border-color: #cddbfe;
+ border-color: rgba(205, 219, 254, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
+ border-color: #b4c6fc;
+ border-color: rgba(180, 198, 252, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
+ border-color: #8da2fb;
+ border-color: rgba(141, 162, 251, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
+ border-color: #6875f5;
+ border-color: rgba(104, 117, 245, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
+ border-color: #5850ec;
+ border-color: rgba(88, 80, 236, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
+ border-color: #5145cd;
+ border-color: rgba(81, 69, 205, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
+ border-color: #42389d;
+ border-color: rgba(66, 56, 157, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
+ border-color: #362f78;
+ border-color: rgba(54, 47, 120, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-50:focus {
+ --border-opacity: 1;
+ border-color: #f6f5ff;
+ border-color: rgba(246, 245, 255, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
+ border-color: #edebfe;
+ border-color: rgba(237, 235, 254, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
+ border-color: #dcd7fe;
+ border-color: rgba(220, 215, 254, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
+ border-color: #cabffd;
+ border-color: rgba(202, 191, 253, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
+ border-color: #ac94fa;
+ border-color: rgba(172, 148, 250, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
+ border-color: #9061f9;
+ border-color: rgba(144, 97, 249, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
+ border-color: #7e3af2;
+ border-color: rgba(126, 58, 242, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
+ border-color: #6c2bd9;
+ border-color: rgba(108, 43, 217, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
+ border-color: #5521b5;
+ border-color: rgba(85, 33, 181, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
+ border-color: #4a1d96;
+ border-color: rgba(74, 29, 150, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-50:focus {
+ --border-opacity: 1;
+ border-color: #fdf2f8;
+ border-color: rgba(253, 242, 248, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
+ border-color: #fce8f3;
+ border-color: rgba(252, 232, 243, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
+ border-color: #fad1e8;
+ border-color: rgba(250, 209, 232, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
+ border-color: #f8b4d9;
+ border-color: rgba(248, 180, 217, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
+ border-color: #f17eb8;
+ border-color: rgba(241, 126, 184, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
+ border-color: #e74694;
+ border-color: rgba(231, 70, 148, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
+ border-color: #d61f69;
+ border-color: rgba(214, 31, 105, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
+ border-color: #bf125d;
+ border-color: rgba(191, 18, 93, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
+ border-color: #99154b;
+ border-color: rgba(153, 21, 75, var(--border-opacity));
+ }
+
+ .xl\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
+ border-color: #751a3d;
+ border-color: rgba(117, 26, 61, var(--border-opacity));
+ }
+
+ .xl\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .xl\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .xl\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .xl\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .xl\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .xl\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .xl\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .xl\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .xl\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .xl\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .xl\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .xl\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .xl\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .xl\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .xl\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
+ }
+
+ .xl\:rounded-none {
+ border-radius: 0;
+ }
+
+ .xl\:rounded-sm {
+ border-radius: 0.125rem;
+ }
+
+ .xl\:rounded {
+ border-radius: 0.25rem;
+ }
+
+ .xl\:rounded-md {
+ border-radius: 0.375rem;
+ }
+
+ .xl\:rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .xl\:rounded-full {
+ border-radius: 9999px;
+ }
+
+ .xl\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .xl\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .xl\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .xl\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .xl\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .xl\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .xl\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .xl\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .xl\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .xl\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .xl\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:border-solid {
+ border-style: solid;
+ }
+
+ .xl\:border-dashed {
+ border-style: dashed;
+ }
+
+ .xl\:border-dotted {
+ border-style: dotted;
+ }
+
+ .xl\:border-double {
+ border-style: double;
+ }
+
+ .xl\:border-none {
+ border-style: none;
+ }
+
+ .xl\:border-0 {
+ border-width: 0;
+ }
+
+ .xl\:border-2 {
+ border-width: 2px;
+ }
+
+ .xl\:border-4 {
+ border-width: 4px;
+ }
+
+ .xl\:border-8 {
+ border-width: 8px;
+ }
+
+ .xl\:border {
+ border-width: 1px;
+ }
+
+ .xl\:border-t-0 {
+ border-top-width: 0;
+ }
+
+ .xl\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .xl\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .xl\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .xl\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .xl\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .xl\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .xl\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .xl\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .xl\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .xl\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .xl\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .xl\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .xl\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .xl\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .xl\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .xl\:border-t {
+ border-top-width: 1px;
+ }
+
+ .xl\:border-r {
+ border-right-width: 1px;
+ }
+
+ .xl\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .xl\:border-l {
+ border-left-width: 1px;
+ }
+
+ .xl\:box-border {
+ box-sizing: border-box;
+ }
+
+ .xl\:box-content {
+ box-sizing: content-box;
+ }
+
+ .xl\:cursor-auto {
+ cursor: auto;
+ }
+
+ .xl\:cursor-default {
+ cursor: default;
+ }
+
+ .xl\:cursor-pointer {
+ cursor: pointer;
+ }
+
+ .xl\:cursor-wait {
+ cursor: wait;
+ }
+
+ .xl\:cursor-text {
+ cursor: text;
+ }
+
+ .xl\:cursor-move {
+ cursor: move;
+ }
+
+ .xl\:cursor-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .xl\:block {
+ display: block;
+ }
+
+ .xl\:inline-block {
+ display: inline-block;
+ }
+
+ .xl\:inline {
+ display: inline;
+ }
+
+ .xl\:flex {
+ display: flex;
+ }
+
+ .xl\:inline-flex {
+ display: inline-flex;
+ }
+
+ .xl\:table {
+ display: table;
+ }
+
+ .xl\:table-caption {
+ display: table-caption;
+ }
+
+ .xl\:table-cell {
+ display: table-cell;
+ }
+
+ .xl\:table-column {
+ display: table-column;
+ }
+
+ .xl\:table-column-group {
+ display: table-column-group;
+ }
+
+ .xl\:table-footer-group {
+ display: table-footer-group;
+ }
+
+ .xl\:table-header-group {
+ display: table-header-group;
+ }
+
+ .xl\:table-row-group {
+ display: table-row-group;
+ }
+
+ .xl\:table-row {
+ display: table-row;
+ }
+
+ .xl\:flow-root {
+ display: flow-root;
+ }
+
+ .xl\:grid {
+ display: grid;
+ }
+
+ .xl\:inline-grid {
+ display: inline-grid;
+ }
+
+ .xl\:hidden {
+ display: none;
+ }
+
+ .xl\:flex-row {
+ flex-direction: row;
+ }
+
+ .xl\:flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+
+ .xl\:flex-col {
+ flex-direction: column;
+ }
+
+ .xl\:flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+
+ .xl\:flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ .xl\:flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+
+ .xl\:flex-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .xl\:items-start {
+ align-items: flex-start;
+ }
+
+ .xl\:items-end {
+ align-items: flex-end;
+ }
+
+ .xl\:items-center {
+ align-items: center;
+ }
+
+ .xl\:items-baseline {
+ align-items: baseline;
+ }
+
+ .xl\:items-stretch {
+ align-items: stretch;
+ }
+
+ .xl\:self-auto {
+ align-self: auto;
+ }
+
+ .xl\:self-start {
+ align-self: flex-start;
+ }
+
+ .xl\:self-end {
+ align-self: flex-end;
+ }
+
+ .xl\:self-center {
+ align-self: center;
+ }
+
+ .xl\:self-stretch {
+ align-self: stretch;
+ }
+
+ .xl\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .xl\:justify-end {
+ justify-content: flex-end;
+ }
+
+ .xl\:justify-center {
+ justify-content: center;
+ }
+
+ .xl\:justify-between {
+ justify-content: space-between;
+ }
+
+ .xl\:justify-around {
+ justify-content: space-around;
+ }
+
+ .xl\:justify-evenly {
+ justify-content: space-evenly;
+ }
+
+ .xl\:content-center {
+ align-content: center;
+ }
+
+ .xl\:content-start {
+ align-content: flex-start;
+ }
+
+ .xl\:content-end {
+ align-content: flex-end;
+ }
+
+ .xl\:content-between {
+ align-content: space-between;
+ }
+
+ .xl\:content-around {
+ align-content: space-around;
+ }
+
+ .xl\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .xl\:flex-auto {
+ flex: 1 1 auto;
+ }
+
+ .xl\:flex-initial {
+ flex: 0 1 auto;
+ }
+
+ .xl\:flex-none {
+ flex: none;
+ }
+
+ .xl\:flex-grow-0 {
+ flex-grow: 0;
+ }
+
+ .xl\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .xl\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .xl\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .xl\:order-1 {
+ order: 1;
+ }
+
+ .xl\:order-2 {
+ order: 2;
+ }
+
+ .xl\:order-3 {
+ order: 3;
+ }
+
+ .xl\:order-4 {
+ order: 4;
+ }
+
+ .xl\:order-5 {
+ order: 5;
+ }
+
+ .xl\:order-6 {
+ order: 6;
+ }
+
+ .xl\:order-7 {
+ order: 7;
+ }
+
+ .xl\:order-8 {
+ order: 8;
+ }
+
+ .xl\:order-9 {
+ order: 9;
+ }
+
+ .xl\:order-10 {
+ order: 10;
+ }
+
+ .xl\:order-11 {
+ order: 11;
+ }
+
+ .xl\:order-12 {
+ order: 12;
+ }
+
+ .xl\:order-first {
+ order: -9999;
+ }
+
+ .xl\:order-last {
+ order: 9999;
+ }
+
+ .xl\:order-none {
+ order: 0;
+ }
+
+ .xl\:float-right {
+ float: right;
+ }
+
+ .xl\:float-left {
+ float: left;
+ }
+
+ .xl\:float-none {
+ float: none;
+ }
+
+ .xl\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .xl\:clear-left {
+ clear: left;
+ }
+
+ .xl\:clear-right {
+ clear: right;
+ }
+
+ .xl\:clear-both {
+ clear: both;
+ }
+
+ .xl\:clear-none {
+ clear: none;
+ }
+
+ .xl\:font-sans {
+ font-family: 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\:font-serif {
+ font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .xl\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .xl\:font-hairline {
+ font-weight: 100;
+ }
+
+ .xl\:font-thin {
+ font-weight: 200;
+ }
+
+ .xl\:font-light {
+ font-weight: 300;
+ }
+
+ .xl\:font-normal {
+ font-weight: 400;
+ }
+
+ .xl\:font-medium {
+ font-weight: 500;
+ }
+
+ .xl\:font-semibold {
+ font-weight: 600;
+ }
+
+ .xl\:font-bold {
+ font-weight: 700;
+ }
+
+ .xl\:font-extrabold {
+ font-weight: 800;
+ }
+
+ .xl\:font-black {
+ font-weight: 900;
+ }
+
+ .xl\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .xl\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .xl\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .xl\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .xl\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .xl\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .xl\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .xl\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .xl\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .xl\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .xl\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .xl\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .xl\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .xl\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .xl\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .xl\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .xl\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .xl\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .xl\:h-0 {
+ height: 0;
+ }
+
+ .xl\:h-1 {
+ height: 0.25rem;
+ }
+
+ .xl\:h-2 {
+ height: 0.5rem;
+ }
+
+ .xl\:h-3 {
+ height: 0.75rem;
+ }
+
+ .xl\:h-4 {
+ height: 1rem;
+ }
+
+ .xl\:h-5 {
+ height: 1.25rem;
+ }
+
+ .xl\:h-6 {
+ height: 1.5rem;
+ }
+
+ .xl\:h-8 {
+ height: 2rem;
+ }
+
+ .xl\:h-10 {
+ height: 2.5rem;
+ }
+
+ .xl\:h-12 {
+ height: 3rem;
+ }
+
+ .xl\:h-16 {
+ height: 4rem;
+ }
+
+ .xl\:h-20 {
+ height: 5rem;
+ }
+
+ .xl\:h-24 {
+ height: 6rem;
+ }
+
+ .xl\:h-32 {
+ height: 8rem;
+ }
+
+ .xl\:h-40 {
+ height: 10rem;
+ }
+
+ .xl\:h-48 {
+ height: 12rem;
+ }
+
+ .xl\:h-56 {
+ height: 14rem;
+ }
+
+ .xl\:h-64 {
+ height: 16rem;
+ }
+
+ .xl\:h-auto {
+ height: auto;
+ }
+
+ .xl\:h-px {
+ height: 1px;
+ }
+
+ .xl\:h-full {
+ height: 100%;
+ }
+
+ .xl\:h-screen {
+ height: 100vh;
+ }
+
+ .xl\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .xl\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .xl\:text-base {
+ font-size: 1rem;
+ }
+
+ .xl\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .xl\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .xl\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .xl\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .xl\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .xl\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .xl\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .xl\:leading-3 {
+ line-height: .75rem;
+ }
+
+ .xl\:leading-4 {
+ line-height: 1rem;
+ }
+
+ .xl\:leading-5 {
+ line-height: 1.25rem;
+ }
+
+ .xl\:leading-6 {
+ line-height: 1.5rem;
+ }
+
+ .xl\:leading-7 {
+ line-height: 1.75rem;
+ }
+
+ .xl\:leading-8 {
+ line-height: 2rem;
+ }
+
+ .xl\:leading-9 {
+ line-height: 2.25rem;
+ }
+
+ .xl\:leading-10 {
+ line-height: 2.5rem;
+ }
+
+ .xl\:leading-none {
+ line-height: 1;
+ }
+
+ .xl\:leading-tight {
+ line-height: 1.25;
+ }
+
+ .xl\:leading-snug {
+ line-height: 1.375;
+ }
+
+ .xl\:leading-normal {
+ line-height: 1.5;
+ }
+
+ .xl\:leading-relaxed {
+ line-height: 1.625;
+ }
+
+ .xl\:leading-loose {
+ line-height: 2;
+ }
+
+ .xl\:list-inside {
+ list-style-position: inside;
+ }
+
+ .xl\:list-outside {
+ list-style-position: outside;
+ }
+
+ .xl\:list-none {
+ list-style-type: none;
+ }
+
+ .xl\:list-disc {
+ list-style-type: disc;
+ }
+
+ .xl\:list-decimal {
+ list-style-type: decimal;
+ }
+
+ .xl\:m-0 {
+ margin: 0;
+ }
+
+ .xl\:m-1 {
+ margin: 0.25rem;
+ }
+
+ .xl\:m-2 {
+ margin: 0.5rem;
+ }
+
+ .xl\:m-3 {
+ margin: 0.75rem;
+ }
+
+ .xl\:m-4 {
+ margin: 1rem;
+ }
+
+ .xl\:m-5 {
+ margin: 1.25rem;
+ }
+
+ .xl\:m-6 {
+ margin: 1.5rem;
+ }
+
+ .xl\:m-8 {
+ margin: 2rem;
+ }
+
+ .xl\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .xl\:m-12 {
+ margin: 3rem;
+ }
+
+ .xl\:m-16 {
+ margin: 4rem;
+ }
+
+ .xl\:m-20 {
+ margin: 5rem;
+ }
+
+ .xl\:m-24 {
+ margin: 6rem;
+ }
+
+ .xl\:m-32 {
+ margin: 8rem;
+ }
+
+ .xl\:m-40 {
+ margin: 10rem;
+ }
+
+ .xl\:m-48 {
+ margin: 12rem;
+ }
+
+ .xl\:m-56 {
+ margin: 14rem;
+ }
+
+ .xl\:m-64 {
+ margin: 16rem;
+ }
+
+ .xl\:m-auto {
+ margin: auto;
+ }
+
+ .xl\:m-px {
+ margin: 1px;
+ }
+
+ .xl\:-m-1 {
+ margin: -0.25rem;
+ }
+
+ .xl\:-m-2 {
+ margin: -0.5rem;
+ }
+
+ .xl\:-m-3 {
+ margin: -0.75rem;
+ }
+
+ .xl\:-m-4 {
+ margin: -1rem;
+ }
+
+ .xl\:-m-5 {
+ margin: -1.25rem;
+ }
+
+ .xl\:-m-6 {
+ margin: -1.5rem;
+ }
+
+ .xl\:-m-8 {
+ margin: -2rem;
+ }
+
+ .xl\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .xl\:-m-12 {
+ margin: -3rem;
+ }
+
+ .xl\:-m-16 {
+ margin: -4rem;
+ }
+
+ .xl\:-m-20 {
+ margin: -5rem;
+ }
+
+ .xl\:-m-24 {
+ margin: -6rem;
+ }
+
+ .xl\:-m-32 {
+ margin: -8rem;
+ }
+
+ .xl\:-m-40 {
+ margin: -10rem;
+ }
+
+ .xl\:-m-48 {
+ margin: -12rem;
+ }
+
+ .xl\:-m-56 {
+ margin: -14rem;
+ }
+
+ .xl\:-m-64 {
+ margin: -16rem;
+ }
+
+ .xl\:-m-px {
+ margin: -1px;
+ }
+
+ .xl\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .xl\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .xl\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .xl\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .xl\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .xl\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .xl\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .xl\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .xl\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .xl\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .xl\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .xl\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .xl\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .xl\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .xl\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .xl\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .xl\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .xl\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .xl\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .xl\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .xl\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .xl\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .xl\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .xl\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .xl\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .xl\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .xl\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .xl\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .xl\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .xl\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .xl\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .xl\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .xl\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .xl\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .xl\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .xl\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .xl\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .xl\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .xl\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .xl\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .xl\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .xl\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .xl\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .xl\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .xl\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .xl\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .xl\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .xl\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .xl\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .xl\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .xl\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .xl\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .xl\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .xl\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .xl\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .xl\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .xl\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .xl\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .xl\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .xl\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .xl\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .xl\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .xl\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .xl\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .xl\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .xl\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .xl\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .xl\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .xl\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .xl\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .xl\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .xl\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .xl\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .xl\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .xl\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .xl\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .xl\:mt-0 {
+ margin-top: 0;
+ }
+
+ .xl\:mr-0 {
+ margin-right: 0;
+ }
+
+ .xl\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .xl\:ml-0 {
+ margin-left: 0;
+ }
+
+ .xl\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .xl\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .xl\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .xl\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .xl\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .xl\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .xl\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .xl\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .xl\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .xl\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .xl\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .xl\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .xl\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .xl\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .xl\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .xl\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .xl\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .xl\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .xl\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .xl\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .xl\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .xl\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .xl\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .xl\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .xl\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .xl\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .xl\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .xl\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .xl\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .xl\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .xl\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .xl\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .xl\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .xl\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .xl\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .xl\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .xl\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .xl\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .xl\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .xl\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .xl\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .xl\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .xl\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .xl\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .xl\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .xl\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .xl\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .xl\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .xl\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .xl\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .xl\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .xl\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .xl\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .xl\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .xl\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .xl\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .xl\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .xl\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .xl\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .xl\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .xl\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .xl\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .xl\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .xl\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .xl\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .xl\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .xl\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .xl\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .xl\:mt-auto {
+ margin-top: auto;
+ }
+
+ .xl\:mr-auto {
+ margin-right: auto;
+ }
+
+ .xl\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .xl\:ml-auto {
+ margin-left: auto;
+ }
+
+ .xl\:mt-px {
+ margin-top: 1px;
+ }
+
+ .xl\:mr-px {
+ margin-right: 1px;
+ }
+
+ .xl\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .xl\:ml-px {
+ margin-left: 1px;
+ }
+
+ .xl\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .xl\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .xl\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .xl\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .xl\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .xl\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .xl\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .xl\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .xl\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .xl\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .xl\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .xl\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .xl\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .xl\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .xl\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .xl\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .xl\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .xl\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .xl\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .xl\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .xl\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .xl\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .xl\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .xl\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .xl\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .xl\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .xl\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .xl\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .xl\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .xl\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .xl\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .xl\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .xl\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .xl\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .xl\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .xl\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .xl\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .xl\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .xl\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .xl\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .xl\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .xl\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .xl\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .xl\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .xl\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .xl\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .xl\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .xl\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .xl\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .xl\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .xl\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .xl\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .xl\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .xl\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .xl\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .xl\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .xl\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .xl\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .xl\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .xl\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .xl\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .xl\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .xl\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .xl\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .xl\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .xl\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .xl\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .xl\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .xl\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .xl\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .xl\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .xl\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .xl\:max-h-full {
+ max-height: 100%;
+ }
+
+ .xl\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .xl\:max-w-none {
+ max-width: none;
+ }
+
+ .xl\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .xl\:max-w-sm {
+ max-width: 24rem;
+ }
+
+ .xl\:max-w-md {
+ max-width: 28rem;
+ }
+
+ .xl\:max-w-lg {
+ max-width: 32rem;
+ }
+
+ .xl\:max-w-xl {
+ max-width: 36rem;
+ }
+
+ .xl\:max-w-2xl {
+ max-width: 42rem;
+ }
+
+ .xl\:max-w-3xl {
+ max-width: 48rem;
+ }
+
+ .xl\:max-w-4xl {
+ max-width: 56rem;
+ }
+
+ .xl\:max-w-5xl {
+ max-width: 64rem;
+ }
+
+ .xl\:max-w-6xl {
+ max-width: 72rem;
+ }
+
+ .xl\:max-w-full {
+ max-width: 100%;
+ }
+
+ .xl\:max-w-screen-sm {
+ max-width: 640px;
+ }
+
+ .xl\:max-w-screen-md {
+ max-width: 768px;
+ }
+
+ .xl\:max-w-screen-lg {
+ max-width: 1024px;
+ }
+
+ .xl\:max-w-screen-xl {
+ max-width: 1280px;
+ }
+
+ .xl\:min-h-0 {
+ min-height: 0;
+ }
+
+ .xl\:min-h-full {
+ min-height: 100%;
+ }
+
+ .xl\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .xl\:min-w-0 {
+ min-width: 0;
+ }
+
+ .xl\:min-w-full {
+ min-width: 100%;
+ }
+
+ .xl\:object-contain {
+ object-fit: contain;
+ }
+
+ .xl\:object-cover {
+ object-fit: cover;
+ }
+
+ .xl\:object-fill {
+ object-fit: fill;
+ }
+
+ .xl\:object-none {
+ object-fit: none;
+ }
+
+ .xl\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .xl\:object-bottom {
+ object-position: bottom;
+ }
+
+ .xl\:object-center {
+ object-position: center;
+ }
+
+ .xl\:object-left {
+ object-position: left;
+ }
+
+ .xl\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .xl\:object-left-top {
+ object-position: left top;
+ }
+
+ .xl\:object-right {
+ object-position: right;
+ }
+
+ .xl\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .xl\:object-right-top {
+ object-position: right top;
+ }
+
+ .xl\:object-top {
+ object-position: top;
+ }
+
+ .xl\:opacity-0 {
+ opacity: 0;
+ }
+
+ .xl\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .xl\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .xl\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .xl\:opacity-100 {
+ opacity: 1;
+ }
+
+ .xl\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .xl\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .xl\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .xl\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .xl\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .xl\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .xl\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .xl\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .xl\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .xl\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .xl\:outline-none {
+ outline: 0;
+ }
+
+ .xl\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .xl\:overflow-auto {
+ overflow: auto;
+ }
+
+ .xl\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .xl\:overflow-visible {
+ overflow: visible;
+ }
+
+ .xl\:overflow-scroll {
+ overflow: scroll;
+ }
+
+ .xl\:overflow-x-auto {
+ overflow-x: auto;
+ }
+
+ .xl\:overflow-y-auto {
+ overflow-y: auto;
+ }
+
+ .xl\:overflow-x-hidden {
+ overflow-x: hidden;
+ }
+
+ .xl\:overflow-y-hidden {
+ overflow-y: hidden;
+ }
+
+ .xl\:overflow-x-visible {
+ overflow-x: visible;
+ }
+
+ .xl\:overflow-y-visible {
+ overflow-y: visible;
+ }
+
+ .xl\:overflow-x-scroll {
+ overflow-x: scroll;
+ }
+
+ .xl\:overflow-y-scroll {
+ overflow-y: scroll;
+ }
+
+ .xl\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .xl\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .xl\:overscroll-auto {
+ overscroll-behavior: auto;
+ }
+
+ .xl\:overscroll-contain {
+ overscroll-behavior: contain;
+ }
+
+ .xl\:overscroll-none {
+ overscroll-behavior: none;
+ }
+
+ .xl\:overscroll-y-auto {
+ overscroll-behavior-y: auto;
+ }
+
+ .xl\:overscroll-y-contain {
+ overscroll-behavior-y: contain;
+ }
+
+ .xl\:overscroll-y-none {
+ overscroll-behavior-y: none;
+ }
+
+ .xl\:overscroll-x-auto {
+ overscroll-behavior-x: auto;
+ }
+
+ .xl\:overscroll-x-contain {
+ overscroll-behavior-x: contain;
+ }
+
+ .xl\:overscroll-x-none {
+ overscroll-behavior-x: none;
+ }
+
+ .xl\:p-0 {
+ padding: 0;
+ }
+
+ .xl\:p-1 {
+ padding: 0.25rem;
+ }
+
+ .xl\:p-2 {
+ padding: 0.5rem;
+ }
+
+ .xl\:p-3 {
+ padding: 0.75rem;
+ }
+
+ .xl\:p-4 {
+ padding: 1rem;
+ }
+
+ .xl\:p-5 {
+ padding: 1.25rem;
+ }
+
+ .xl\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .xl\:p-8 {
+ padding: 2rem;
+ }
+
+ .xl\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .xl\:p-12 {
+ padding: 3rem;
+ }
+
+ .xl\:p-16 {
+ padding: 4rem;
+ }
+
+ .xl\:p-20 {
+ padding: 5rem;
+ }
+
+ .xl\:p-24 {
+ padding: 6rem;
+ }
+
+ .xl\:p-32 {
+ padding: 8rem;
+ }
+
+ .xl\:p-40 {
+ padding: 10rem;
+ }
+
+ .xl\:p-48 {
+ padding: 12rem;
+ }
+
+ .xl\:p-56 {
+ padding: 14rem;
+ }
+
+ .xl\:p-64 {
+ padding: 16rem;
+ }
+
+ .xl\:p-px {
+ padding: 1px;
+ }
+
+ .xl\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .xl\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .xl\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .xl\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .xl\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .xl\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .xl\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .xl\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .xl\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .xl\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .xl\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .xl\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .xl\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .xl\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .xl\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .xl\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .xl\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .xl\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .xl\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .xl\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .xl\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .xl\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .xl\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .xl\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .xl\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .xl\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .xl\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .xl\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .xl\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .xl\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .xl\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .xl\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .xl\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .xl\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .xl\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .xl\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .xl\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .xl\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .xl\:pt-0 {
+ padding-top: 0;
+ }
+
+ .xl\:pr-0 {
+ padding-right: 0;
+ }
+
+ .xl\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .xl\:pl-0 {
+ padding-left: 0;
+ }
+
+ .xl\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .xl\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .xl\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .xl\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .xl\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .xl\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .xl\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .xl\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .xl\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .xl\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .xl\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .xl\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .xl\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .xl\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .xl\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .xl\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .xl\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .xl\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .xl\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .xl\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .xl\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .xl\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .xl\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .xl\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .xl\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .xl\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .xl\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .xl\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .xl\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .xl\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .xl\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .xl\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .xl\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .xl\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .xl\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .xl\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .xl\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .xl\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .xl\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .xl\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .xl\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .xl\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .xl\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .xl\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .xl\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .xl\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .xl\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .xl\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .xl\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .xl\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .xl\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .xl\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .xl\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .xl\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .xl\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .xl\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .xl\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .xl\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .xl\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .xl\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .xl\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .xl\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .xl\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .xl\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .xl\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .xl\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .xl\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .xl\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .xl\:pt-px {
+ padding-top: 1px;
+ }
+
+ .xl\:pr-px {
+ padding-right: 1px;
+ }
+
+ .xl\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .xl\:pl-px {
+ padding-left: 1px;
+ }
+
+ .xl\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .xl\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .xl\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-50::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .xl\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .xl\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-50:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--placeholder-opacity));
+ }
+
+ .xl\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .xl\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .xl\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .xl\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .xl\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .xl\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .xl\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .xl\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .xl\:static {
+ position: static;
+ }
+
+ .xl\:fixed {
+ position: fixed;
+ }
+
+ .xl\:absolute {
+ position: absolute;
+ }
+
+ .xl\:relative {
+ position: relative;
+ }
+
+ .xl\:sticky {
+ position: sticky;
+ }
+
+ .xl\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .xl\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .xl\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .xl\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .xl\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .xl\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .xl\:top-0 {
+ top: 0;
+ }
+
+ .xl\:right-0 {
+ right: 0;
+ }
+
+ .xl\:bottom-0 {
+ bottom: 0;
+ }
+
+ .xl\:left-0 {
+ left: 0;
+ }
+
+ .xl\:top-auto {
+ top: auto;
+ }
+
+ .xl\:right-auto {
+ right: auto;
+ }
+
+ .xl\:bottom-auto {
+ bottom: auto;
+ }
+
+ .xl\:left-auto {
+ left: auto;
+ }
+
+ .xl\:resize-none {
+ resize: none;
+ }
+
+ .xl\:resize-y {
+ resize: vertical;
+ }
+
+ .xl\:resize-x {
+ resize: horizontal;
+ }
+
+ .xl\:resize {
+ resize: both;
+ }
+
+ .xl\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:shadow-none {
+ box-shadow: none;
+ }
+
+ .xl\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .xl\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .xl\:fill-current {
+ fill: currentColor;
+ }
+
+ .xl\:stroke-current {
+ stroke: currentColor;
+ }
+
+ .xl\:stroke-0 {
+ stroke-width: 0;
+ }
+
+ .xl\:stroke-1 {
+ stroke-width: 1;
+ }
+
+ .xl\:stroke-2 {
+ stroke-width: 2;
+ }
+
+ .xl\:table-auto {
+ table-layout: auto;
+ }
+
+ .xl\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .xl\:text-left {
+ text-align: left;
+ }
+
+ .xl\:text-center {
+ text-align: center;
+ }
+
+ .xl\:text-right {
+ text-align: right;
+ }
+
+ .xl\:text-justify {
+ text-align: justify;
+ }
+
+ .xl\:text-transparent {
+ color: transparent;
+ }
+
+ .xl\:text-current {
+ color: currentColor;
+ }
+
+ .xl\:text-black {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .xl\:text-white {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .xl\:text-gray-50 {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .xl\:text-gray-100 {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .xl\:text-gray-200 {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .xl\:text-gray-300 {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .xl\:text-gray-400 {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .xl\:text-gray-500 {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .xl\:text-gray-600 {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .xl\:text-gray-700 {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .xl\:text-gray-800 {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .xl\:text-gray-900 {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .xl\:text-red-50 {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .xl\:text-red-100 {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .xl\:text-red-200 {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .xl\:text-red-300 {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .xl\:text-red-400 {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .xl\:text-red-500 {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .xl\:text-red-600 {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .xl\:text-red-700 {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .xl\:text-red-800 {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .xl\:text-red-900 {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .xl\:text-orange-50 {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .xl\:text-orange-100 {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .xl\:text-orange-200 {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .xl\:text-orange-300 {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .xl\:text-orange-400 {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .xl\:text-orange-500 {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .xl\:text-orange-600 {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .xl\:text-orange-700 {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .xl\:text-orange-800 {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .xl\:text-orange-900 {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-50 {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-100 {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-200 {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-300 {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-400 {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-500 {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-600 {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-700 {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-800 {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .xl\:text-yellow-900 {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .xl\:text-green-50 {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .xl\:text-green-100 {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .xl\:text-green-200 {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .xl\:text-green-300 {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .xl\:text-green-400 {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .xl\:text-green-500 {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .xl\:text-green-600 {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .xl\:text-green-700 {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .xl\:text-green-800 {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .xl\:text-green-900 {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .xl\:text-teal-50 {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .xl\:text-teal-100 {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .xl\:text-teal-200 {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .xl\:text-teal-300 {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .xl\:text-teal-400 {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .xl\:text-teal-500 {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .xl\:text-teal-600 {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .xl\:text-teal-700 {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .xl\:text-teal-800 {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .xl\:text-teal-900 {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .xl\:text-blue-50 {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:text-blue-100 {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .xl\:text-blue-200 {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .xl\:text-blue-300 {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .xl\:text-blue-400 {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .xl\:text-blue-500 {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .xl\:text-blue-600 {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .xl\:text-blue-700 {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .xl\:text-blue-800 {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .xl\:text-blue-900 {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-50 {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-100 {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-200 {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-300 {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-400 {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-500 {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-600 {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-700 {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-800 {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .xl\:text-indigo-900 {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .xl\:text-purple-50 {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:text-purple-100 {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .xl\:text-purple-200 {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .xl\:text-purple-300 {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .xl\:text-purple-400 {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .xl\:text-purple-500 {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .xl\:text-purple-600 {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .xl\:text-purple-700 {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .xl\:text-purple-800 {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .xl\:text-purple-900 {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .xl\:text-pink-50 {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .xl\:text-pink-100 {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .xl\:text-pink-200 {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .xl\:text-pink-300 {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .xl\:text-pink-400 {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .xl\:text-pink-500 {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .xl\:text-pink-600 {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .xl\:text-pink-700 {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .xl\:text-pink-800 {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .xl\:text-pink-900 {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .xl\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .xl\:hover\:text-black:hover {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-white:hover {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-50:hover {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-100:hover {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-200:hover {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-300:hover {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-400:hover {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-500:hover {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-600:hover {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-700:hover {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-800:hover {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-red-900:hover {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-50:hover {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-50:hover {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-50:hover {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-100:hover {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-200:hover {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-300:hover {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-400:hover {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-500:hover {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-600:hover {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-700:hover {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-800:hover {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-green-900:hover {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-50:hover {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-50:hover {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-50:hover {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-50:hover {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-50:hover {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .xl\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .xl\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .xl\:focus\:text-black:focus {
+ --text-opacity: 1;
+ color: #000000;
+ color: rgba(0, 0, 0, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-white:focus {
+ --text-opacity: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-50:focus {
+ --text-opacity: 1;
+ color: #f9fafb;
+ color: rgba(249, 250, 251, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
+ color: #f4f5f7;
+ color: rgba(244, 245, 247, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
+ color: #e5e7eb;
+ color: rgba(229, 231, 235, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
+ color: #d2d6dc;
+ color: rgba(210, 214, 220, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
+ color: #9fa6b2;
+ color: rgba(159, 166, 178, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
+ color: #6b7280;
+ color: rgba(107, 114, 128, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
+ color: #4b5563;
+ color: rgba(75, 85, 99, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
+ color: #374151;
+ color: rgba(55, 65, 81, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
+ color: #252f3f;
+ color: rgba(37, 47, 63, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
+ color: #161e2e;
+ color: rgba(22, 30, 46, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f2;
+ color: rgba(253, 242, 242, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-100:focus {
+ --text-opacity: 1;
+ color: #fde8e8;
+ color: rgba(253, 232, 232, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-200:focus {
+ --text-opacity: 1;
+ color: #fbd5d5;
+ color: rgba(251, 213, 213, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-300:focus {
+ --text-opacity: 1;
+ color: #f8b4b4;
+ color: rgba(248, 180, 180, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-400:focus {
+ --text-opacity: 1;
+ color: #f98080;
+ color: rgba(249, 128, 128, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-500:focus {
+ --text-opacity: 1;
+ color: #f05252;
+ color: rgba(240, 82, 82, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-600:focus {
+ --text-opacity: 1;
+ color: #e02424;
+ color: rgba(224, 36, 36, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-700:focus {
+ --text-opacity: 1;
+ color: #c81e1e;
+ color: rgba(200, 30, 30, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-800:focus {
+ --text-opacity: 1;
+ color: #9b1c1c;
+ color: rgba(155, 28, 28, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-red-900:focus {
+ --text-opacity: 1;
+ color: #771d1d;
+ color: rgba(119, 29, 29, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-50:focus {
+ --text-opacity: 1;
+ color: #fff8f1;
+ color: rgba(255, 248, 241, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
+ color: #feecdc;
+ color: rgba(254, 236, 220, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
+ color: #fcd9bd;
+ color: rgba(252, 217, 189, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
+ color: #fdba8c;
+ color: rgba(253, 186, 140, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
+ color: #ff8a4c;
+ color: rgba(255, 138, 76, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
+ color: #ff5a1f;
+ color: rgba(255, 90, 31, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
+ color: #d03801;
+ color: rgba(208, 56, 1, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
+ color: #b43403;
+ color: rgba(180, 52, 3, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
+ color: #8a2c0d;
+ color: rgba(138, 44, 13, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
+ color: #73230d;
+ color: rgba(115, 35, 13, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-50:focus {
+ --text-opacity: 1;
+ color: #fdfdea;
+ color: rgba(253, 253, 234, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
+ color: #fdf6b2;
+ color: rgba(253, 246, 178, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
+ color: #fce96a;
+ color: rgba(252, 233, 106, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
+ color: #faca15;
+ color: rgba(250, 202, 21, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
+ color: #e3a008;
+ color: rgba(227, 160, 8, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
+ color: #c27803;
+ color: rgba(194, 120, 3, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
+ color: #9f580a;
+ color: rgba(159, 88, 10, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
+ color: #8e4b10;
+ color: rgba(142, 75, 16, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
+ color: #723b13;
+ color: rgba(114, 59, 19, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
+ color: #633112;
+ color: rgba(99, 49, 18, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-50:focus {
+ --text-opacity: 1;
+ color: #f3faf7;
+ color: rgba(243, 250, 247, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-100:focus {
+ --text-opacity: 1;
+ color: #def7ec;
+ color: rgba(222, 247, 236, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-200:focus {
+ --text-opacity: 1;
+ color: #bcf0da;
+ color: rgba(188, 240, 218, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-300:focus {
+ --text-opacity: 1;
+ color: #84e1bc;
+ color: rgba(132, 225, 188, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-400:focus {
+ --text-opacity: 1;
+ color: #31c48d;
+ color: rgba(49, 196, 141, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-500:focus {
+ --text-opacity: 1;
+ color: #0e9f6e;
+ color: rgba(14, 159, 110, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-600:focus {
+ --text-opacity: 1;
+ color: #057a55;
+ color: rgba(5, 122, 85, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-700:focus {
+ --text-opacity: 1;
+ color: #046c4e;
+ color: rgba(4, 108, 78, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-800:focus {
+ --text-opacity: 1;
+ color: #03543f;
+ color: rgba(3, 84, 63, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-green-900:focus {
+ --text-opacity: 1;
+ color: #014737;
+ color: rgba(1, 71, 55, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-50:focus {
+ --text-opacity: 1;
+ color: #edfafa;
+ color: rgba(237, 250, 250, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
+ color: #d5f5f6;
+ color: rgba(213, 245, 246, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
+ color: #afecef;
+ color: rgba(175, 236, 239, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
+ color: #7edce2;
+ color: rgba(126, 220, 226, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
+ color: #16bdca;
+ color: rgba(22, 189, 202, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
+ color: #0694a2;
+ color: rgba(6, 148, 162, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
+ color: #047481;
+ color: rgba(4, 116, 129, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
+ color: #036672;
+ color: rgba(3, 102, 114, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
+ color: #05505c;
+ color: rgba(5, 80, 92, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
+ color: #014451;
+ color: rgba(1, 68, 81, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-50:focus {
+ --text-opacity: 1;
+ color: #ebf5ff;
+ color: rgba(235, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
+ color: #e1effe;
+ color: rgba(225, 239, 254, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
+ color: #c3ddfd;
+ color: rgba(195, 221, 253, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
+ color: #a4cafe;
+ color: rgba(164, 202, 254, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
+ color: #76a9fa;
+ color: rgba(118, 169, 250, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
+ color: #3f83f8;
+ color: rgba(63, 131, 248, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
+ color: #1c64f2;
+ color: rgba(28, 100, 242, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
+ color: #1a56db;
+ color: rgba(26, 86, 219, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
+ color: #1e429f;
+ color: rgba(30, 66, 159, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
+ color: #233876;
+ color: rgba(35, 56, 118, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-50:focus {
+ --text-opacity: 1;
+ color: #f0f5ff;
+ color: rgba(240, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
+ color: #e5edff;
+ color: rgba(229, 237, 255, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
+ color: #cddbfe;
+ color: rgba(205, 219, 254, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
+ color: #b4c6fc;
+ color: rgba(180, 198, 252, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
+ color: #8da2fb;
+ color: rgba(141, 162, 251, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
+ color: #6875f5;
+ color: rgba(104, 117, 245, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
+ color: #5850ec;
+ color: rgba(88, 80, 236, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
+ color: #5145cd;
+ color: rgba(81, 69, 205, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
+ color: #42389d;
+ color: rgba(66, 56, 157, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
+ color: #362f78;
+ color: rgba(54, 47, 120, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-50:focus {
+ --text-opacity: 1;
+ color: #f6f5ff;
+ color: rgba(246, 245, 255, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
+ color: #edebfe;
+ color: rgba(237, 235, 254, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
+ color: #dcd7fe;
+ color: rgba(220, 215, 254, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
+ color: #cabffd;
+ color: rgba(202, 191, 253, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
+ color: #ac94fa;
+ color: rgba(172, 148, 250, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
+ color: #9061f9;
+ color: rgba(144, 97, 249, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
+ color: #7e3af2;
+ color: rgba(126, 58, 242, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
+ color: #6c2bd9;
+ color: rgba(108, 43, 217, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
+ color: #5521b5;
+ color: rgba(85, 33, 181, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
+ color: #4a1d96;
+ color: rgba(74, 29, 150, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-50:focus {
+ --text-opacity: 1;
+ color: #fdf2f8;
+ color: rgba(253, 242, 248, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
+ color: #fce8f3;
+ color: rgba(252, 232, 243, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
+ color: #fad1e8;
+ color: rgba(250, 209, 232, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
+ color: #f8b4d9;
+ color: rgba(248, 180, 217, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
+ color: #f17eb8;
+ color: rgba(241, 126, 184, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
+ color: #e74694;
+ color: rgba(231, 70, 148, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
+ color: #d61f69;
+ color: rgba(214, 31, 105, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
+ color: #bf125d;
+ color: rgba(191, 18, 93, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
+ color: #99154b;
+ color: rgba(153, 21, 75, var(--text-opacity));
+ }
+
+ .xl\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
+ color: #751a3d;
+ color: rgba(117, 26, 61, var(--text-opacity));
+ }
+
+ .xl\:text-opacity-0 {
+ --text-opacity: 0;
+ }
+
+ .xl\:text-opacity-25 {
+ --text-opacity: 0.25;
+ }
+
+ .xl\:text-opacity-50 {
+ --text-opacity: 0.5;
+ }
+
+ .xl\:text-opacity-75 {
+ --text-opacity: 0.75;
+ }
+
+ .xl\:text-opacity-100 {
+ --text-opacity: 1;
+ }
+
+ .xl\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
+ }
+
+ .xl\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
+ }
+
+ .xl\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
+ }
+
+ .xl\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
+ }
+
+ .xl\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .xl\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .xl\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .xl\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .xl\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .xl\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
+ }
+
+ .xl\:italic {
+ font-style: italic;
+ }
+
+ .xl\:not-italic {
+ font-style: normal;
+ }
+
+ .xl\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .xl\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .xl\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .xl\:normal-case {
+ text-transform: none;
+ }
+
+ .xl\:underline {
+ text-decoration: underline;
+ }
+
+ .xl\:line-through {
+ text-decoration: line-through;
+ }
+
+ .xl\:no-underline {
+ text-decoration: none;
+ }
+
+ .xl\:hover\:underline:hover {
+ text-decoration: underline;
+ }
+
+ .xl\:hover\:line-through:hover {
+ text-decoration: line-through;
+ }
+
+ .xl\:hover\:no-underline:hover {
+ text-decoration: none;
+ }
+
+ .xl\:focus\:underline:focus {
+ text-decoration: underline;
+ }
+
+ .xl\:focus\:line-through:focus {
+ text-decoration: line-through;
+ }
+
+ .xl\:focus\:no-underline:focus {
+ text-decoration: none;
+ }
+
+ .xl\:antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .xl\:subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+
+ .xl\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .xl\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .xl\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .xl\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .xl\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .xl\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .xl\:select-none {
+ user-select: none;
+ }
+
+ .xl\:select-text {
+ user-select: text;
+ }
+
+ .xl\:select-all {
+ user-select: all;
+ }
+
+ .xl\:select-auto {
+ user-select: auto;
+ }
+
+ .xl\:align-baseline {
+ vertical-align: baseline;
+ }
+
+ .xl\:align-top {
+ vertical-align: top;
+ }
+
+ .xl\:align-middle {
+ vertical-align: middle;
+ }
+
+ .xl\:align-bottom {
+ vertical-align: bottom;
+ }
+
+ .xl\:align-text-top {
+ vertical-align: text-top;
+ }
+
+ .xl\:align-text-bottom {
+ vertical-align: text-bottom;
+ }
+
+ .xl\:visible {
+ visibility: visible;
+ }
+
+ .xl\:invisible {
+ visibility: hidden;
+ }
+
+ .xl\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .xl\:whitespace-no-wrap {
+ white-space: nowrap;
+ }
+
+ .xl\:whitespace-pre {
+ white-space: pre;
+ }
+
+ .xl\:whitespace-pre-line {
+ white-space: pre-line;
+ }
+
+ .xl\:whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+
+ .xl\:break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+
+ .xl\:break-words {
+ overflow-wrap: break-word;
+ }
+
+ .xl\:break-all {
+ word-break: break-all;
+ }
+
+ .xl\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .xl\:w-0 {
+ width: 0;
+ }
+
+ .xl\:w-1 {
+ width: 0.25rem;
+ }
+
+ .xl\:w-2 {
+ width: 0.5rem;
+ }
+
+ .xl\:w-3 {
+ width: 0.75rem;
+ }
+
+ .xl\:w-4 {
+ width: 1rem;
+ }
+
+ .xl\:w-5 {
+ width: 1.25rem;
+ }
+
+ .xl\:w-6 {
+ width: 1.5rem;
+ }
+
+ .xl\:w-8 {
+ width: 2rem;
+ }
+
+ .xl\:w-10 {
+ width: 2.5rem;
+ }
+
+ .xl\:w-12 {
+ width: 3rem;
+ }
+
+ .xl\:w-16 {
+ width: 4rem;
+ }
+
+ .xl\:w-20 {
+ width: 5rem;
+ }
+
+ .xl\:w-24 {
+ width: 6rem;
+ }
+
+ .xl\:w-32 {
+ width: 8rem;
+ }
+
+ .xl\:w-40 {
+ width: 10rem;
+ }
+
+ .xl\:w-48 {
+ width: 12rem;
+ }
+
+ .xl\:w-56 {
+ width: 14rem;
+ }
+
+ .xl\:w-64 {
+ width: 16rem;
+ }
+
+ .xl\:w-auto {
+ width: auto;
+ }
+
+ .xl\:w-px {
+ width: 1px;
+ }
+
+ .xl\:w-1\/2 {
+ width: 50%;
+ }
+
+ .xl\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-2\/3 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-1\/4 {
+ width: 25%;
+ }
+
+ .xl\:w-2\/4 {
+ width: 50%;
+ }
+
+ .xl\:w-3\/4 {
+ width: 75%;
+ }
+
+ .xl\:w-1\/5 {
+ width: 20%;
+ }
+
+ .xl\:w-2\/5 {
+ width: 40%;
+ }
+
+ .xl\:w-3\/5 {
+ width: 60%;
+ }
+
+ .xl\:w-4\/5 {
+ width: 80%;
+ }
+
+ .xl\:w-1\/6 {
+ width: 16.666667%;
+ }
+
+ .xl\:w-2\/6 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-3\/6 {
+ width: 50%;
+ }
+
+ .xl\:w-4\/6 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-5\/6 {
+ width: 83.333333%;
+ }
+
+ .xl\:w-1\/12 {
+ width: 8.333333%;
+ }
+
+ .xl\:w-2\/12 {
+ width: 16.666667%;
+ }
+
+ .xl\:w-3\/12 {
+ width: 25%;
+ }
+
+ .xl\:w-4\/12 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-5\/12 {
+ width: 41.666667%;
+ }
+
+ .xl\:w-6\/12 {
+ width: 50%;
+ }
+
+ .xl\:w-7\/12 {
+ width: 58.333333%;
+ }
+
+ .xl\:w-8\/12 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-9\/12 {
+ width: 75%;
+ }
+
+ .xl\:w-10\/12 {
+ width: 83.333333%;
+ }
+
+ .xl\:w-11\/12 {
+ width: 91.666667%;
+ }
+
+ .xl\:w-full {
+ width: 100%;
+ }
+
+ .xl\:w-screen {
+ width: 100vw;
+ }
+
+ .xl\:z-0 {
+ z-index: 0;
+ }
+
+ .xl\:z-10 {
+ z-index: 10;
+ }
+
+ .xl\:z-20 {
+ z-index: 20;
+ }
+
+ .xl\:z-30 {
+ z-index: 30;
+ }
+
+ .xl\:z-40 {
+ z-index: 40;
+ }
+
+ .xl\:z-50 {
+ z-index: 50;
+ }
+
+ .xl\:z-auto {
+ z-index: auto;
+ }
+
+ .xl\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .xl\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .xl\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .xl\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .xl\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .xl\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .xl\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .xl\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .xl\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .xl\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .xl\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .xl\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .xl\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .xl\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .xl\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .xl\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .xl\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .xl\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .xl\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .xl\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .xl\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .xl\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .xl\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .xl\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .xl\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .xl\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .xl\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .xl\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .xl\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .xl\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .xl\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .xl\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .xl\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .xl\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .xl\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .xl\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .xl\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .xl\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .xl\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .xl\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .xl\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .xl\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .xl\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .xl\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .xl\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .xl\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .xl\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .xl\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .xl\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .xl\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .xl\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .xl\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .xl\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .xl\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .xl\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .xl\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .xl\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .xl\:grid-flow-row {
+ grid-auto-flow: row;
+ }
+
+ .xl\:grid-flow-col {
+ grid-auto-flow: column;
+ }
+
+ .xl\:grid-flow-row-dense {
+ grid-auto-flow: row dense;
+ }
+
+ .xl\:grid-flow-col-dense {
+ grid-auto-flow: column dense;
+ }
+
+ .xl\:grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-6 {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-7 {
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-8 {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-9 {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-10 {
+ grid-template-columns: repeat(10, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-11 {
+ grid-template-columns: repeat(11, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-12 {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-none {
+ grid-template-columns: none;
+ }
+
+ .xl\:col-auto {
+ grid-column: auto;
+ }
+
+ .xl\:col-span-1 {
+ grid-column: span 1 / span 1;
+ }
+
+ .xl\:col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+
+ .xl\:col-span-3 {
+ grid-column: span 3 / span 3;
+ }
+
+ .xl\:col-span-4 {
+ grid-column: span 4 / span 4;
+ }
+
+ .xl\:col-span-5 {
+ grid-column: span 5 / span 5;
+ }
+
+ .xl\:col-span-6 {
+ grid-column: span 6 / span 6;
+ }
+
+ .xl\:col-span-7 {
+ grid-column: span 7 / span 7;
+ }
+
+ .xl\:col-span-8 {
+ grid-column: span 8 / span 8;
+ }
+
+ .xl\:col-span-9 {
+ grid-column: span 9 / span 9;
+ }
+
+ .xl\:col-span-10 {
+ grid-column: span 10 / span 10;
+ }
+
+ .xl\:col-span-11 {
+ grid-column: span 11 / span 11;
+ }
+
+ .xl\:col-span-12 {
+ grid-column: span 12 / span 12;
+ }
+
+ .xl\:col-start-1 {
+ grid-column-start: 1;
+ }
+
+ .xl\:col-start-2 {
+ grid-column-start: 2;
+ }
+
+ .xl\:col-start-3 {
+ grid-column-start: 3;
+ }
+
+ .xl\:col-start-4 {
+ grid-column-start: 4;
+ }
+
+ .xl\:col-start-5 {
+ grid-column-start: 5;
+ }
+
+ .xl\:col-start-6 {
+ grid-column-start: 6;
+ }
+
+ .xl\:col-start-7 {
+ grid-column-start: 7;
+ }
+
+ .xl\:col-start-8 {
+ grid-column-start: 8;
+ }
+
+ .xl\:col-start-9 {
+ grid-column-start: 9;
+ }
+
+ .xl\:col-start-10 {
+ grid-column-start: 10;
+ }
+
+ .xl\:col-start-11 {
+ grid-column-start: 11;
+ }
+
+ .xl\:col-start-12 {
+ grid-column-start: 12;
+ }
+
+ .xl\:col-start-13 {
+ grid-column-start: 13;
+ }
+
+ .xl\:col-start-auto {
+ grid-column-start: auto;
+ }
+
+ .xl\:col-end-1 {
+ grid-column-end: 1;
+ }
+
+ .xl\:col-end-2 {
+ grid-column-end: 2;
+ }
+
+ .xl\:col-end-3 {
+ grid-column-end: 3;
+ }
+
+ .xl\:col-end-4 {
+ grid-column-end: 4;
+ }
+
+ .xl\:col-end-5 {
+ grid-column-end: 5;
+ }
+
+ .xl\:col-end-6 {
+ grid-column-end: 6;
+ }
+
+ .xl\:col-end-7 {
+ grid-column-end: 7;
+ }
+
+ .xl\:col-end-8 {
+ grid-column-end: 8;
+ }
+
+ .xl\:col-end-9 {
+ grid-column-end: 9;
+ }
+
+ .xl\:col-end-10 {
+ grid-column-end: 10;
+ }
+
+ .xl\:col-end-11 {
+ grid-column-end: 11;
+ }
+
+ .xl\:col-end-12 {
+ grid-column-end: 12;
+ }
+
+ .xl\:col-end-13 {
+ grid-column-end: 13;
+ }
+
+ .xl\:col-end-auto {
+ grid-column-end: auto;
+ }
+
+ .xl\:grid-rows-1 {
+ grid-template-rows: repeat(1, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-3 {
+ grid-template-rows: repeat(3, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-4 {
+ grid-template-rows: repeat(4, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-5 {
+ grid-template-rows: repeat(5, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-6 {
+ grid-template-rows: repeat(6, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-none {
+ grid-template-rows: none;
+ }
+
+ .xl\:row-auto {
+ grid-row: auto;
+ }
+
+ .xl\:row-span-1 {
+ grid-row: span 1 / span 1;
+ }
+
+ .xl\:row-span-2 {
+ grid-row: span 2 / span 2;
+ }
+
+ .xl\:row-span-3 {
+ grid-row: span 3 / span 3;
+ }
+
+ .xl\:row-span-4 {
+ grid-row: span 4 / span 4;
+ }
+
+ .xl\:row-span-5 {
+ grid-row: span 5 / span 5;
+ }
+
+ .xl\:row-span-6 {
+ grid-row: span 6 / span 6;
+ }
+
+ .xl\:row-start-1 {
+ grid-row-start: 1;
+ }
+
+ .xl\:row-start-2 {
+ grid-row-start: 2;
+ }
+
+ .xl\:row-start-3 {
+ grid-row-start: 3;
+ }
+
+ .xl\:row-start-4 {
+ grid-row-start: 4;
+ }
+
+ .xl\:row-start-5 {
+ grid-row-start: 5;
+ }
+
+ .xl\:row-start-6 {
+ grid-row-start: 6;
+ }
+
+ .xl\:row-start-7 {
+ grid-row-start: 7;
+ }
+
+ .xl\:row-start-auto {
+ grid-row-start: auto;
+ }
+
+ .xl\:row-end-1 {
+ grid-row-end: 1;
+ }
+
+ .xl\:row-end-2 {
+ grid-row-end: 2;
+ }
+
+ .xl\:row-end-3 {
+ grid-row-end: 3;
+ }
+
+ .xl\:row-end-4 {
+ grid-row-end: 4;
+ }
+
+ .xl\:row-end-5 {
+ grid-row-end: 5;
+ }
+
+ .xl\:row-end-6 {
+ grid-row-end: 6;
+ }
+
+ .xl\:row-end-7 {
+ grid-row-end: 7;
+ }
+
+ .xl\:row-end-auto {
+ grid-row-end: auto;
+ }
+
+ .xl\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .xl\:transform-none {
+ transform: none;
+ }
+
+ .xl\:origin-center {
+ transform-origin: center;
+ }
+
+ .xl\:origin-top {
+ transform-origin: top;
+ }
+
+ .xl\:origin-top-right {
+ transform-origin: top right;
+ }
+
+ .xl\:origin-right {
+ transform-origin: right;
+ }
+
+ .xl\:origin-bottom-right {
+ transform-origin: bottom right;
+ }
+
+ .xl\:origin-bottom {
+ transform-origin: bottom;
+ }
+
+ .xl\:origin-bottom-left {
+ transform-origin: bottom left;
+ }
+
+ .xl\:origin-left {
+ transform-origin: left;
+ }
+
+ .xl\:origin-top-left {
+ transform-origin: top left;
+ }
+
+ .xl\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .xl\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .xl\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .xl\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .xl\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .xl\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .xl\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .xl\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .xl\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .xl\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .xl\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .xl\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .xl\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .xl\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .xl\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .xl\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .xl\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .xl\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .xl\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .xl\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .xl\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .xl\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .xl\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .xl\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .xl\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .xl\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .xl\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .xl\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .xl\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .xl\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .xl\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .xl\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .xl\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .xl\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .xl\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .xl\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .xl\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .xl\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .xl\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .xl\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .xl\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .xl\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .xl\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .xl\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .xl\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .xl\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .xl\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .xl\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .xl\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .xl\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .xl\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .xl\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .xl\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .xl\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .xl\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .xl\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .xl\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .xl\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .xl\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .xl\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .xl\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .xl\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .xl\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .xl\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .xl\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .xl\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .xl\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .xl\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .xl\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .xl\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .xl\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .xl\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .xl\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .xl\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .xl\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .xl\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .xl\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .xl\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .xl\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .xl\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .xl\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .xl\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .xl\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .xl\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .xl\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .xl\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .xl\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .xl\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .xl\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .xl\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .xl\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .xl\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .xl\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .xl\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .xl\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .xl\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .xl\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .xl\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .xl\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .xl\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .xl\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .xl\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .xl\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .xl\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .xl\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .xl\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .xl\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .xl\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .xl\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .xl\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .xl\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .xl\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .xl\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .xl\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .xl\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .xl\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .xl\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .xl\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .xl\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .xl\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .xl\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .xl\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .xl\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .xl\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .xl\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .xl\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .xl\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .xl\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .xl\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .xl\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .xl\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .xl\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .xl\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .xl\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .xl\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .xl\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .xl\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .xl\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .xl\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .xl\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .xl\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .xl\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .xl\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .xl\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .xl\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .xl\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .xl\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .xl\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .xl\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .xl\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .xl\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .xl\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .xl\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .xl\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .xl\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .xl\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .xl\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .xl\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .xl\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .xl\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .xl\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .xl\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .xl\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .xl\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .xl\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .xl\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .xl\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .xl\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .xl\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .xl\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .xl\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .xl\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .xl\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .xl\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .xl\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .xl\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .xl\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .xl\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .xl\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .xl\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .xl\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .xl\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .xl\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .xl\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .xl\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .xl\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .xl\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .xl\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .xl\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .xl\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .xl\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .xl\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .xl\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .xl\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .xl\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .xl\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .xl\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .xl\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .xl\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .xl\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .xl\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .xl\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .xl\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .xl\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .xl\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .xl\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .xl\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .xl\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .xl\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .xl\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .xl\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .xl\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .xl\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .xl\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .xl\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .xl\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .xl\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .xl\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .xl\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .xl\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .xl\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .xl\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .xl\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .xl\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .xl\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .xl\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .xl\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .xl\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .xl\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .xl\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .xl\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .xl\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .xl\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .xl\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .xl\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .xl\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .xl\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .xl\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .xl\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .xl\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .xl\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .xl\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .xl\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .xl\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .xl\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .xl\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .xl\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .xl\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .xl\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .xl\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .xl\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .xl\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .xl\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .xl\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .xl\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .xl\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .xl\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .xl\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .xl\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .xl\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .xl\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .xl\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .xl\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .xl\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .xl\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .xl\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .xl\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .xl\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .xl\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .xl\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .xl\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .xl\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .xl\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .xl\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .xl\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .xl\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .xl\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .xl\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .xl\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .xl\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .xl\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .xl\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .xl\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .xl\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .xl\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .xl\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .xl\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .xl\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .xl\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .xl\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .xl\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .xl\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .xl\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .xl\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .xl\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .xl\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .xl\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .xl\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .xl\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .xl\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .xl\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .xl\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .xl\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .xl\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .xl\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .xl\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .xl\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .xl\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .xl\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .xl\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .xl\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .xl\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .xl\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .xl\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .xl\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .xl\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .xl\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .xl\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .xl\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .xl\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .xl\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .xl\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .xl\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .xl\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .xl\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .xl\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .xl\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .xl\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .xl\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .xl\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .xl\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .xl\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .xl\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .xl\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .xl\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .xl\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .xl\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .xl\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .xl\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .xl\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .xl\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .xl\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .xl\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .xl\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .xl\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .xl\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .xl\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .xl\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .xl\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .xl\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .xl\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .xl\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .xl\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .xl\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .xl\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .xl\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .xl\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .xl\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .xl\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .xl\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .xl\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .xl\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .xl\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .xl\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .xl\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .xl\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .xl\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .xl\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .xl\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .xl\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .xl\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .xl\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .xl\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .xl\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .xl\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .xl\:transition-none {
+ transition-property: none;
+ }
+
+ .xl\:transition-all {
+ transition-property: all;
+ }
+
+ .xl\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .xl\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .xl\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .xl\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .xl\:transition-transform {
+ transition-property: transform;
+ }
+
+ .xl\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .xl\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .xl\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .xl\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .xl\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .xl\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .xl\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .xl\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .xl\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .xl\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .xl\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .xl\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .xl\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .xl\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .xl\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .xl\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .xl\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .xl\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .xl\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .xl\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .xl\:animate-none {
+ animation: none;
+ }
+
+ .xl\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .xl\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .xl\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .xl\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
+ .xl\:example {
+ font-weight: 700;
+ color: #f05252;
+ }
+}
diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css
new file mode 100644
index 000000000..6690bfbc7
--- /dev/null
+++ b/__tests__/fixtures/tailwind-output-ie11.css
@@ -0,0 +1,52620 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+button {
+ background-color: transparent;
+ background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+ol,
+ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ * sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ * to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+ font-family: 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"; /* 1 */
+ line-height: 1.5; /* 2 */
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ * We used to set this in the html element and inherit from
+ * the parent element for everything else. This caused issues
+ * in shadow-dom-enhanced elements like where the content
+ * is wrapped by a div with box-sizing set to `content-box`.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ * By default, the way the browser specifies that an element should have no
+ * border is by setting it's border-style to `none` in the user-agent
+ * stylesheet.
+ *
+ * In order to easily add borders to elements by just setting the `border-width`
+ * property, we change the default border-style for all elements to `solid`, and
+ * use border-width to hide them instead. This way our `border` utilities only
+ * need to set the `border-width` property instead of the entire `border`
+ * shorthand, making our border utilities much more straightforward to compose.
+ *
+ * https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: #e2e8f0; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+ border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+ border-style: solid;
+}
+
+textarea {
+ resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+ color: #a0aec0;
+}
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ padding: 0;
+ line-height: inherit;
+ color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+.container {
+ width: 100%;
+}
+
+@media (min-width: 640px) {
+ .container {
+ max-width: 640px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ max-width: 768px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .container {
+ max-width: 1024px;
+ }
+}
+
+@media (min-width: 1280px) {
+ .container {
+ max-width: 1280px;
+ }
+}
+
+.space-y-0 > :not(template) ~ :not(template) {
+ margin-top: 0;
+}
+
+.space-x-0 > :not(template) ~ :not(template) {
+ margin-left: 0;
+}
+
+.space-y-1 > :not(template) ~ :not(template) {
+ margin-top: 0.25rem;
+}
+
+.space-x-1 > :not(template) ~ :not(template) {
+ margin-left: 0.25rem;
+}
+
+.space-y-2 > :not(template) ~ :not(template) {
+ margin-top: 0.5rem;
+}
+
+.space-x-2 > :not(template) ~ :not(template) {
+ margin-left: 0.5rem;
+}
+
+.space-y-3 > :not(template) ~ :not(template) {
+ margin-top: 0.75rem;
+}
+
+.space-x-3 > :not(template) ~ :not(template) {
+ margin-left: 0.75rem;
+}
+
+.space-y-4 > :not(template) ~ :not(template) {
+ margin-top: 1rem;
+}
+
+.space-x-4 > :not(template) ~ :not(template) {
+ margin-left: 1rem;
+}
+
+.space-y-5 > :not(template) ~ :not(template) {
+ margin-top: 1.25rem;
+}
+
+.space-x-5 > :not(template) ~ :not(template) {
+ margin-left: 1.25rem;
+}
+
+.space-y-6 > :not(template) ~ :not(template) {
+ margin-top: 1.5rem;
+}
+
+.space-x-6 > :not(template) ~ :not(template) {
+ margin-left: 1.5rem;
+}
+
+.space-y-8 > :not(template) ~ :not(template) {
+ margin-top: 2rem;
+}
+
+.space-x-8 > :not(template) ~ :not(template) {
+ margin-left: 2rem;
+}
+
+.space-y-10 > :not(template) ~ :not(template) {
+ margin-top: 2.5rem;
+}
+
+.space-x-10 > :not(template) ~ :not(template) {
+ margin-left: 2.5rem;
+}
+
+.space-y-12 > :not(template) ~ :not(template) {
+ margin-top: 3rem;
+}
+
+.space-x-12 > :not(template) ~ :not(template) {
+ margin-left: 3rem;
+}
+
+.space-y-16 > :not(template) ~ :not(template) {
+ margin-top: 4rem;
+}
+
+.space-x-16 > :not(template) ~ :not(template) {
+ margin-left: 4rem;
+}
+
+.space-y-20 > :not(template) ~ :not(template) {
+ margin-top: 5rem;
+}
+
+.space-x-20 > :not(template) ~ :not(template) {
+ margin-left: 5rem;
+}
+
+.space-y-24 > :not(template) ~ :not(template) {
+ margin-top: 6rem;
+}
+
+.space-x-24 > :not(template) ~ :not(template) {
+ margin-left: 6rem;
+}
+
+.space-y-32 > :not(template) ~ :not(template) {
+ margin-top: 8rem;
+}
+
+.space-x-32 > :not(template) ~ :not(template) {
+ margin-left: 8rem;
+}
+
+.space-y-40 > :not(template) ~ :not(template) {
+ margin-top: 10rem;
+}
+
+.space-x-40 > :not(template) ~ :not(template) {
+ margin-left: 10rem;
+}
+
+.space-y-48 > :not(template) ~ :not(template) {
+ margin-top: 12rem;
+}
+
+.space-x-48 > :not(template) ~ :not(template) {
+ margin-left: 12rem;
+}
+
+.space-y-56 > :not(template) ~ :not(template) {
+ margin-top: 14rem;
+}
+
+.space-x-56 > :not(template) ~ :not(template) {
+ margin-left: 14rem;
+}
+
+.space-y-64 > :not(template) ~ :not(template) {
+ margin-top: 16rem;
+}
+
+.space-x-64 > :not(template) ~ :not(template) {
+ margin-left: 16rem;
+}
+
+.space-y-px > :not(template) ~ :not(template) {
+ margin-top: 1px;
+}
+
+.space-x-px > :not(template) ~ :not(template) {
+ margin-left: 1px;
+}
+
+.-space-y-1 > :not(template) ~ :not(template) {
+ margin-top: -0.25rem;
+}
+
+.-space-x-1 > :not(template) ~ :not(template) {
+ margin-left: -0.25rem;
+}
+
+.-space-y-2 > :not(template) ~ :not(template) {
+ margin-top: -0.5rem;
+}
+
+.-space-x-2 > :not(template) ~ :not(template) {
+ margin-left: -0.5rem;
+}
+
+.-space-y-3 > :not(template) ~ :not(template) {
+ margin-top: -0.75rem;
+}
+
+.-space-x-3 > :not(template) ~ :not(template) {
+ margin-left: -0.75rem;
+}
+
+.-space-y-4 > :not(template) ~ :not(template) {
+ margin-top: -1rem;
+}
+
+.-space-x-4 > :not(template) ~ :not(template) {
+ margin-left: -1rem;
+}
+
+.-space-y-5 > :not(template) ~ :not(template) {
+ margin-top: -1.25rem;
+}
+
+.-space-x-5 > :not(template) ~ :not(template) {
+ margin-left: -1.25rem;
+}
+
+.-space-y-6 > :not(template) ~ :not(template) {
+ margin-top: -1.5rem;
+}
+
+.-space-x-6 > :not(template) ~ :not(template) {
+ margin-left: -1.5rem;
+}
+
+.-space-y-8 > :not(template) ~ :not(template) {
+ margin-top: -2rem;
+}
+
+.-space-x-8 > :not(template) ~ :not(template) {
+ margin-left: -2rem;
+}
+
+.-space-y-10 > :not(template) ~ :not(template) {
+ margin-top: -2.5rem;
+}
+
+.-space-x-10 > :not(template) ~ :not(template) {
+ margin-left: -2.5rem;
+}
+
+.-space-y-12 > :not(template) ~ :not(template) {
+ margin-top: -3rem;
+}
+
+.-space-x-12 > :not(template) ~ :not(template) {
+ margin-left: -3rem;
+}
+
+.-space-y-16 > :not(template) ~ :not(template) {
+ margin-top: -4rem;
+}
+
+.-space-x-16 > :not(template) ~ :not(template) {
+ margin-left: -4rem;
+}
+
+.-space-y-20 > :not(template) ~ :not(template) {
+ margin-top: -5rem;
+}
+
+.-space-x-20 > :not(template) ~ :not(template) {
+ margin-left: -5rem;
+}
+
+.-space-y-24 > :not(template) ~ :not(template) {
+ margin-top: -6rem;
+}
+
+.-space-x-24 > :not(template) ~ :not(template) {
+ margin-left: -6rem;
+}
+
+.-space-y-32 > :not(template) ~ :not(template) {
+ margin-top: -8rem;
+}
+
+.-space-x-32 > :not(template) ~ :not(template) {
+ margin-left: -8rem;
+}
+
+.-space-y-40 > :not(template) ~ :not(template) {
+ margin-top: -10rem;
+}
+
+.-space-x-40 > :not(template) ~ :not(template) {
+ margin-left: -10rem;
+}
+
+.-space-y-48 > :not(template) ~ :not(template) {
+ margin-top: -12rem;
+}
+
+.-space-x-48 > :not(template) ~ :not(template) {
+ margin-left: -12rem;
+}
+
+.-space-y-56 > :not(template) ~ :not(template) {
+ margin-top: -14rem;
+}
+
+.-space-x-56 > :not(template) ~ :not(template) {
+ margin-left: -14rem;
+}
+
+.-space-y-64 > :not(template) ~ :not(template) {
+ margin-top: -16rem;
+}
+
+.-space-x-64 > :not(template) ~ :not(template) {
+ margin-left: -16rem;
+}
+
+.-space-y-px > :not(template) ~ :not(template) {
+ margin-top: -1px;
+}
+
+.-space-x-px > :not(template) ~ :not(template) {
+ margin-left: -1px;
+}
+
+.divide-y-0 > :not(template) ~ :not(template) {
+ border-top-width: 0;
+}
+
+.divide-x-0 > :not(template) ~ :not(template) {
+ border-left-width: 0;
+}
+
+.divide-y-2 > :not(template) ~ :not(template) {
+ border-top-width: 2px;
+}
+
+.divide-x-2 > :not(template) ~ :not(template) {
+ border-left-width: 2px;
+}
+
+.divide-y-4 > :not(template) ~ :not(template) {
+ border-top-width: 4px;
+}
+
+.divide-x-4 > :not(template) ~ :not(template) {
+ border-left-width: 4px;
+}
+
+.divide-y-8 > :not(template) ~ :not(template) {
+ border-top-width: 8px;
+}
+
+.divide-x-8 > :not(template) ~ :not(template) {
+ border-left-width: 8px;
+}
+
+.divide-y > :not(template) ~ :not(template) {
+ border-top-width: 1px;
+}
+
+.divide-x > :not(template) ~ :not(template) {
+ border-left-width: 1px;
+}
+
+.divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+}
+
+.divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+}
+
+.divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+}
+
+.divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+}
+
+.divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+}
+
+.divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+}
+
+.divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+}
+
+.divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+}
+
+.divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+}
+
+.divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+}
+
+.divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+}
+
+.divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+}
+
+.divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+}
+
+.divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+}
+
+.divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+}
+
+.divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+}
+
+.divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+}
+
+.divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+}
+
+.divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+}
+
+.divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+}
+
+.divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+}
+
+.divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+}
+
+.divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+}
+
+.divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+}
+
+.divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+}
+
+.divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+}
+
+.divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+}
+
+.divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+}
+
+.divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+}
+
+.divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+}
+
+.divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+}
+
+.divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+}
+
+.divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+}
+
+.divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+}
+
+.divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+}
+
+.divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+}
+
+.divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+}
+
+.divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+}
+
+.divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+}
+
+.divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+}
+
+.divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+}
+
+.divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+}
+
+.divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+}
+
+.divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+}
+
+.divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+}
+
+.divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+}
+
+.divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+}
+
+.divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+}
+
+.divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+}
+
+.divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+}
+
+.divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+}
+
+.divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+}
+
+.divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+}
+
+.divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+}
+
+.divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+}
+
+.divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+}
+
+.divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+}
+
+.divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+}
+
+.divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+}
+
+.divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+}
+
+.divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+}
+
+.divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+}
+
+.divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+}
+
+.divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+}
+
+.divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+}
+
+.divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+}
+
+.divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+}
+
+.divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+}
+
+.divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+}
+
+.divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+}
+
+.divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+}
+
+.divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+}
+
+.divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+}
+
+.divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+}
+
+.divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+}
+
+.divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+}
+
+.divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+}
+
+.divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+}
+
+.divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+}
+
+.divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+}
+
+.divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+}
+
+.divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+}
+
+.divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+}
+
+.divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+}
+
+.divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+}
+
+.divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+}
+
+.divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+}
+
+.divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+}
+
+.divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+}
+
+.divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+}
+
+.divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+}
+
+.divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+}
+
+.divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+}
+
+.divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+}
+
+.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;
+}
+
+.not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.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;
+}
+
+.focus\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.appearance-none {
+ appearance: none;
+}
+
+.bg-fixed {
+ background-attachment: fixed;
+}
+
+.bg-local {
+ background-attachment: local;
+}
+
+.bg-scroll {
+ background-attachment: scroll;
+}
+
+.bg-transparent {
+ background-color: transparent;
+}
+
+.bg-current {
+ background-color: currentColor;
+}
+
+.bg-black {
+ background-color: #000;
+}
+
+.bg-white {
+ background-color: #fff;
+}
+
+.bg-gray-100 {
+ background-color: #f7fafc;
+}
+
+.bg-gray-200 {
+ background-color: #edf2f7;
+}
+
+.bg-gray-300 {
+ background-color: #e2e8f0;
+}
+
+.bg-gray-400 {
+ background-color: #cbd5e0;
+}
+
+.bg-gray-500 {
+ background-color: #a0aec0;
+}
+
+.bg-gray-600 {
+ background-color: #718096;
+}
+
+.bg-gray-700 {
+ background-color: #4a5568;
+}
+
+.bg-gray-800 {
+ background-color: #2d3748;
+}
+
+.bg-gray-900 {
+ background-color: #1a202c;
+}
+
+.bg-red-100 {
+ background-color: #fff5f5;
+}
+
+.bg-red-200 {
+ background-color: #fed7d7;
+}
+
+.bg-red-300 {
+ background-color: #feb2b2;
+}
+
+.bg-red-400 {
+ background-color: #fc8181;
+}
+
+.bg-red-500 {
+ background-color: #f56565;
+}
+
+.bg-red-600 {
+ background-color: #e53e3e;
+}
+
+.bg-red-700 {
+ background-color: #c53030;
+}
+
+.bg-red-800 {
+ background-color: #9b2c2c;
+}
+
+.bg-red-900 {
+ background-color: #742a2a;
+}
+
+.bg-orange-100 {
+ background-color: #fffaf0;
+}
+
+.bg-orange-200 {
+ background-color: #feebc8;
+}
+
+.bg-orange-300 {
+ background-color: #fbd38d;
+}
+
+.bg-orange-400 {
+ background-color: #f6ad55;
+}
+
+.bg-orange-500 {
+ background-color: #ed8936;
+}
+
+.bg-orange-600 {
+ background-color: #dd6b20;
+}
+
+.bg-orange-700 {
+ background-color: #c05621;
+}
+
+.bg-orange-800 {
+ background-color: #9c4221;
+}
+
+.bg-orange-900 {
+ background-color: #7b341e;
+}
+
+.bg-yellow-100 {
+ background-color: #fffff0;
+}
+
+.bg-yellow-200 {
+ background-color: #fefcbf;
+}
+
+.bg-yellow-300 {
+ background-color: #faf089;
+}
+
+.bg-yellow-400 {
+ background-color: #f6e05e;
+}
+
+.bg-yellow-500 {
+ background-color: #ecc94b;
+}
+
+.bg-yellow-600 {
+ background-color: #d69e2e;
+}
+
+.bg-yellow-700 {
+ background-color: #b7791f;
+}
+
+.bg-yellow-800 {
+ background-color: #975a16;
+}
+
+.bg-yellow-900 {
+ background-color: #744210;
+}
+
+.bg-green-100 {
+ background-color: #f0fff4;
+}
+
+.bg-green-200 {
+ background-color: #c6f6d5;
+}
+
+.bg-green-300 {
+ background-color: #9ae6b4;
+}
+
+.bg-green-400 {
+ background-color: #68d391;
+}
+
+.bg-green-500 {
+ background-color: #48bb78;
+}
+
+.bg-green-600 {
+ background-color: #38a169;
+}
+
+.bg-green-700 {
+ background-color: #2f855a;
+}
+
+.bg-green-800 {
+ background-color: #276749;
+}
+
+.bg-green-900 {
+ background-color: #22543d;
+}
+
+.bg-teal-100 {
+ background-color: #e6fffa;
+}
+
+.bg-teal-200 {
+ background-color: #b2f5ea;
+}
+
+.bg-teal-300 {
+ background-color: #81e6d9;
+}
+
+.bg-teal-400 {
+ background-color: #4fd1c5;
+}
+
+.bg-teal-500 {
+ background-color: #38b2ac;
+}
+
+.bg-teal-600 {
+ background-color: #319795;
+}
+
+.bg-teal-700 {
+ background-color: #2c7a7b;
+}
+
+.bg-teal-800 {
+ background-color: #285e61;
+}
+
+.bg-teal-900 {
+ background-color: #234e52;
+}
+
+.bg-blue-100 {
+ background-color: #ebf8ff;
+}
+
+.bg-blue-200 {
+ background-color: #bee3f8;
+}
+
+.bg-blue-300 {
+ background-color: #90cdf4;
+}
+
+.bg-blue-400 {
+ background-color: #63b3ed;
+}
+
+.bg-blue-500 {
+ background-color: #4299e1;
+}
+
+.bg-blue-600 {
+ background-color: #3182ce;
+}
+
+.bg-blue-700 {
+ background-color: #2b6cb0;
+}
+
+.bg-blue-800 {
+ background-color: #2c5282;
+}
+
+.bg-blue-900 {
+ background-color: #2a4365;
+}
+
+.bg-indigo-100 {
+ background-color: #ebf4ff;
+}
+
+.bg-indigo-200 {
+ background-color: #c3dafe;
+}
+
+.bg-indigo-300 {
+ background-color: #a3bffa;
+}
+
+.bg-indigo-400 {
+ background-color: #7f9cf5;
+}
+
+.bg-indigo-500 {
+ background-color: #667eea;
+}
+
+.bg-indigo-600 {
+ background-color: #5a67d8;
+}
+
+.bg-indigo-700 {
+ background-color: #4c51bf;
+}
+
+.bg-indigo-800 {
+ background-color: #434190;
+}
+
+.bg-indigo-900 {
+ background-color: #3c366b;
+}
+
+.bg-purple-100 {
+ background-color: #faf5ff;
+}
+
+.bg-purple-200 {
+ background-color: #e9d8fd;
+}
+
+.bg-purple-300 {
+ background-color: #d6bcfa;
+}
+
+.bg-purple-400 {
+ background-color: #b794f4;
+}
+
+.bg-purple-500 {
+ background-color: #9f7aea;
+}
+
+.bg-purple-600 {
+ background-color: #805ad5;
+}
+
+.bg-purple-700 {
+ background-color: #6b46c1;
+}
+
+.bg-purple-800 {
+ background-color: #553c9a;
+}
+
+.bg-purple-900 {
+ background-color: #44337a;
+}
+
+.bg-pink-100 {
+ background-color: #fff5f7;
+}
+
+.bg-pink-200 {
+ background-color: #fed7e2;
+}
+
+.bg-pink-300 {
+ background-color: #fbb6ce;
+}
+
+.bg-pink-400 {
+ background-color: #f687b3;
+}
+
+.bg-pink-500 {
+ background-color: #ed64a6;
+}
+
+.bg-pink-600 {
+ background-color: #d53f8c;
+}
+
+.bg-pink-700 {
+ background-color: #b83280;
+}
+
+.bg-pink-800 {
+ background-color: #97266d;
+}
+
+.bg-pink-900 {
+ background-color: #702459;
+}
+
+.hover\:bg-transparent:hover {
+ background-color: transparent;
+}
+
+.hover\:bg-current:hover {
+ background-color: currentColor;
+}
+
+.hover\:bg-black:hover {
+ background-color: #000;
+}
+
+.hover\:bg-white:hover {
+ background-color: #fff;
+}
+
+.hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+}
+
+.hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+}
+
+.hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+}
+
+.hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+}
+
+.hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+}
+
+.hover\:bg-gray-600:hover {
+ background-color: #718096;
+}
+
+.hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+}
+
+.hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+}
+
+.hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+}
+
+.hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+}
+
+.hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+}
+
+.hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+}
+
+.hover\:bg-red-400:hover {
+ background-color: #fc8181;
+}
+
+.hover\:bg-red-500:hover {
+ background-color: #f56565;
+}
+
+.hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+}
+
+.hover\:bg-red-700:hover {
+ background-color: #c53030;
+}
+
+.hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+}
+
+.hover\:bg-red-900:hover {
+ background-color: #742a2a;
+}
+
+.hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+}
+
+.hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+}
+
+.hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+}
+
+.hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+}
+
+.hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+}
+
+.hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+}
+
+.hover\:bg-orange-700:hover {
+ background-color: #c05621;
+}
+
+.hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+}
+
+.hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+}
+
+.hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+}
+
+.hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+}
+
+.hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+}
+
+.hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+}
+
+.hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+}
+
+.hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+}
+
+.hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+}
+
+.hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+}
+
+.hover\:bg-yellow-900:hover {
+ background-color: #744210;
+}
+
+.hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+}
+
+.hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+}
+
+.hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+}
+
+.hover\:bg-green-400:hover {
+ background-color: #68d391;
+}
+
+.hover\:bg-green-500:hover {
+ background-color: #48bb78;
+}
+
+.hover\:bg-green-600:hover {
+ background-color: #38a169;
+}
+
+.hover\:bg-green-700:hover {
+ background-color: #2f855a;
+}
+
+.hover\:bg-green-800:hover {
+ background-color: #276749;
+}
+
+.hover\:bg-green-900:hover {
+ background-color: #22543d;
+}
+
+.hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+}
+
+.hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+}
+
+.hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+}
+
+.hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+}
+
+.hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+}
+
+.hover\:bg-teal-600:hover {
+ background-color: #319795;
+}
+
+.hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+}
+
+.hover\:bg-teal-800:hover {
+ background-color: #285e61;
+}
+
+.hover\:bg-teal-900:hover {
+ background-color: #234e52;
+}
+
+.hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+}
+
+.hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+}
+
+.hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+}
+
+.hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+}
+
+.hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+}
+
+.hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+}
+
+.hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+}
+
+.hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+}
+
+.hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+}
+
+.hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+}
+
+.hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+}
+
+.hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+}
+
+.hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+}
+
+.hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+}
+
+.hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+}
+
+.hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+}
+
+.hover\:bg-indigo-800:hover {
+ background-color: #434190;
+}
+
+.hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+}
+
+.hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+}
+
+.hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+}
+
+.hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+}
+
+.hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+}
+
+.hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+}
+
+.hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+}
+
+.hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+}
+
+.hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+}
+
+.hover\:bg-purple-900:hover {
+ background-color: #44337a;
+}
+
+.hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+}
+
+.hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+}
+
+.hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+}
+
+.hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+}
+
+.hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+}
+
+.hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+}
+
+.hover\:bg-pink-700:hover {
+ background-color: #b83280;
+}
+
+.hover\:bg-pink-800:hover {
+ background-color: #97266d;
+}
+
+.hover\:bg-pink-900:hover {
+ background-color: #702459;
+}
+
+.focus\:bg-transparent:focus {
+ background-color: transparent;
+}
+
+.focus\:bg-current:focus {
+ background-color: currentColor;
+}
+
+.focus\:bg-black:focus {
+ background-color: #000;
+}
+
+.focus\:bg-white:focus {
+ background-color: #fff;
+}
+
+.focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+}
+
+.focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+}
+
+.focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+}
+
+.focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+}
+
+.focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+}
+
+.focus\:bg-gray-600:focus {
+ background-color: #718096;
+}
+
+.focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+}
+
+.focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+}
+
+.focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+}
+
+.focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+}
+
+.focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+}
+
+.focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+}
+
+.focus\:bg-red-400:focus {
+ background-color: #fc8181;
+}
+
+.focus\:bg-red-500:focus {
+ background-color: #f56565;
+}
+
+.focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+}
+
+.focus\:bg-red-700:focus {
+ background-color: #c53030;
+}
+
+.focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+}
+
+.focus\:bg-red-900:focus {
+ background-color: #742a2a;
+}
+
+.focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+}
+
+.focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+}
+
+.focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+}
+
+.focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+}
+
+.focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+}
+
+.focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+}
+
+.focus\:bg-orange-700:focus {
+ background-color: #c05621;
+}
+
+.focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+}
+
+.focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+}
+
+.focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+}
+
+.focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+}
+
+.focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+}
+
+.focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+}
+
+.focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+}
+
+.focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+}
+
+.focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+}
+
+.focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+}
+
+.focus\:bg-yellow-900:focus {
+ background-color: #744210;
+}
+
+.focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+}
+
+.focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+}
+
+.focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+}
+
+.focus\:bg-green-400:focus {
+ background-color: #68d391;
+}
+
+.focus\:bg-green-500:focus {
+ background-color: #48bb78;
+}
+
+.focus\:bg-green-600:focus {
+ background-color: #38a169;
+}
+
+.focus\:bg-green-700:focus {
+ background-color: #2f855a;
+}
+
+.focus\:bg-green-800:focus {
+ background-color: #276749;
+}
+
+.focus\:bg-green-900:focus {
+ background-color: #22543d;
+}
+
+.focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+}
+
+.focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+}
+
+.focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+}
+
+.focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+}
+
+.focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+}
+
+.focus\:bg-teal-600:focus {
+ background-color: #319795;
+}
+
+.focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+}
+
+.focus\:bg-teal-800:focus {
+ background-color: #285e61;
+}
+
+.focus\:bg-teal-900:focus {
+ background-color: #234e52;
+}
+
+.focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+}
+
+.focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+}
+
+.focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+}
+
+.focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+}
+
+.focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+}
+
+.focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+}
+
+.focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+}
+
+.focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+}
+
+.focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+}
+
+.focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+}
+
+.focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+}
+
+.focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+}
+
+.focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+}
+
+.focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+}
+
+.focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+}
+
+.focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+}
+
+.focus\:bg-indigo-800:focus {
+ background-color: #434190;
+}
+
+.focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+}
+
+.focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+}
+
+.focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+}
+
+.focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+}
+
+.focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+}
+
+.focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+}
+
+.focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+}
+
+.focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+}
+
+.focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+}
+
+.focus\:bg-purple-900:focus {
+ background-color: #44337a;
+}
+
+.focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+}
+
+.focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+}
+
+.focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+}
+
+.focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+}
+
+.focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+}
+
+.focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+}
+
+.focus\:bg-pink-700:focus {
+ background-color: #b83280;
+}
+
+.focus\:bg-pink-800:focus {
+ background-color: #97266d;
+}
+
+.focus\:bg-pink-900:focus {
+ background-color: #702459;
+}
+
+.bg-bottom {
+ background-position: bottom;
+}
+
+.bg-center {
+ background-position: center;
+}
+
+.bg-left {
+ background-position: left;
+}
+
+.bg-left-bottom {
+ background-position: left bottom;
+}
+
+.bg-left-top {
+ background-position: left top;
+}
+
+.bg-right {
+ background-position: right;
+}
+
+.bg-right-bottom {
+ background-position: right bottom;
+}
+
+.bg-right-top {
+ background-position: right top;
+}
+
+.bg-top {
+ background-position: top;
+}
+
+.bg-repeat {
+ background-repeat: repeat;
+}
+
+.bg-no-repeat {
+ background-repeat: no-repeat;
+}
+
+.bg-repeat-x {
+ background-repeat: repeat-x;
+}
+
+.bg-repeat-y {
+ background-repeat: repeat-y;
+}
+
+.bg-repeat-round {
+ background-repeat: round;
+}
+
+.bg-repeat-space {
+ background-repeat: space;
+}
+
+.bg-auto {
+ background-size: auto;
+}
+
+.bg-cover {
+ background-size: cover;
+}
+
+.bg-contain {
+ background-size: contain;
+}
+
+.border-collapse {
+ border-collapse: collapse;
+}
+
+.border-separate {
+ border-collapse: separate;
+}
+
+.border-transparent {
+ border-color: transparent;
+}
+
+.border-current {
+ border-color: currentColor;
+}
+
+.border-black {
+ border-color: #000;
+}
+
+.border-white {
+ border-color: #fff;
+}
+
+.border-gray-100 {
+ border-color: #f7fafc;
+}
+
+.border-gray-200 {
+ border-color: #edf2f7;
+}
+
+.border-gray-300 {
+ border-color: #e2e8f0;
+}
+
+.border-gray-400 {
+ border-color: #cbd5e0;
+}
+
+.border-gray-500 {
+ border-color: #a0aec0;
+}
+
+.border-gray-600 {
+ border-color: #718096;
+}
+
+.border-gray-700 {
+ border-color: #4a5568;
+}
+
+.border-gray-800 {
+ border-color: #2d3748;
+}
+
+.border-gray-900 {
+ border-color: #1a202c;
+}
+
+.border-red-100 {
+ border-color: #fff5f5;
+}
+
+.border-red-200 {
+ border-color: #fed7d7;
+}
+
+.border-red-300 {
+ border-color: #feb2b2;
+}
+
+.border-red-400 {
+ border-color: #fc8181;
+}
+
+.border-red-500 {
+ border-color: #f56565;
+}
+
+.border-red-600 {
+ border-color: #e53e3e;
+}
+
+.border-red-700 {
+ border-color: #c53030;
+}
+
+.border-red-800 {
+ border-color: #9b2c2c;
+}
+
+.border-red-900 {
+ border-color: #742a2a;
+}
+
+.border-orange-100 {
+ border-color: #fffaf0;
+}
+
+.border-orange-200 {
+ border-color: #feebc8;
+}
+
+.border-orange-300 {
+ border-color: #fbd38d;
+}
+
+.border-orange-400 {
+ border-color: #f6ad55;
+}
+
+.border-orange-500 {
+ border-color: #ed8936;
+}
+
+.border-orange-600 {
+ border-color: #dd6b20;
+}
+
+.border-orange-700 {
+ border-color: #c05621;
+}
+
+.border-orange-800 {
+ border-color: #9c4221;
+}
+
+.border-orange-900 {
+ border-color: #7b341e;
+}
+
+.border-yellow-100 {
+ border-color: #fffff0;
+}
+
+.border-yellow-200 {
+ border-color: #fefcbf;
+}
+
+.border-yellow-300 {
+ border-color: #faf089;
+}
+
+.border-yellow-400 {
+ border-color: #f6e05e;
+}
+
+.border-yellow-500 {
+ border-color: #ecc94b;
+}
+
+.border-yellow-600 {
+ border-color: #d69e2e;
+}
+
+.border-yellow-700 {
+ border-color: #b7791f;
+}
+
+.border-yellow-800 {
+ border-color: #975a16;
+}
+
+.border-yellow-900 {
+ border-color: #744210;
+}
+
+.border-green-100 {
+ border-color: #f0fff4;
+}
+
+.border-green-200 {
+ border-color: #c6f6d5;
+}
+
+.border-green-300 {
+ border-color: #9ae6b4;
+}
+
+.border-green-400 {
+ border-color: #68d391;
+}
+
+.border-green-500 {
+ border-color: #48bb78;
+}
+
+.border-green-600 {
+ border-color: #38a169;
+}
+
+.border-green-700 {
+ border-color: #2f855a;
+}
+
+.border-green-800 {
+ border-color: #276749;
+}
+
+.border-green-900 {
+ border-color: #22543d;
+}
+
+.border-teal-100 {
+ border-color: #e6fffa;
+}
+
+.border-teal-200 {
+ border-color: #b2f5ea;
+}
+
+.border-teal-300 {
+ border-color: #81e6d9;
+}
+
+.border-teal-400 {
+ border-color: #4fd1c5;
+}
+
+.border-teal-500 {
+ border-color: #38b2ac;
+}
+
+.border-teal-600 {
+ border-color: #319795;
+}
+
+.border-teal-700 {
+ border-color: #2c7a7b;
+}
+
+.border-teal-800 {
+ border-color: #285e61;
+}
+
+.border-teal-900 {
+ border-color: #234e52;
+}
+
+.border-blue-100 {
+ border-color: #ebf8ff;
+}
+
+.border-blue-200 {
+ border-color: #bee3f8;
+}
+
+.border-blue-300 {
+ border-color: #90cdf4;
+}
+
+.border-blue-400 {
+ border-color: #63b3ed;
+}
+
+.border-blue-500 {
+ border-color: #4299e1;
+}
+
+.border-blue-600 {
+ border-color: #3182ce;
+}
+
+.border-blue-700 {
+ border-color: #2b6cb0;
+}
+
+.border-blue-800 {
+ border-color: #2c5282;
+}
+
+.border-blue-900 {
+ border-color: #2a4365;
+}
+
+.border-indigo-100 {
+ border-color: #ebf4ff;
+}
+
+.border-indigo-200 {
+ border-color: #c3dafe;
+}
+
+.border-indigo-300 {
+ border-color: #a3bffa;
+}
+
+.border-indigo-400 {
+ border-color: #7f9cf5;
+}
+
+.border-indigo-500 {
+ border-color: #667eea;
+}
+
+.border-indigo-600 {
+ border-color: #5a67d8;
+}
+
+.border-indigo-700 {
+ border-color: #4c51bf;
+}
+
+.border-indigo-800 {
+ border-color: #434190;
+}
+
+.border-indigo-900 {
+ border-color: #3c366b;
+}
+
+.border-purple-100 {
+ border-color: #faf5ff;
+}
+
+.border-purple-200 {
+ border-color: #e9d8fd;
+}
+
+.border-purple-300 {
+ border-color: #d6bcfa;
+}
+
+.border-purple-400 {
+ border-color: #b794f4;
+}
+
+.border-purple-500 {
+ border-color: #9f7aea;
+}
+
+.border-purple-600 {
+ border-color: #805ad5;
+}
+
+.border-purple-700 {
+ border-color: #6b46c1;
+}
+
+.border-purple-800 {
+ border-color: #553c9a;
+}
+
+.border-purple-900 {
+ border-color: #44337a;
+}
+
+.border-pink-100 {
+ border-color: #fff5f7;
+}
+
+.border-pink-200 {
+ border-color: #fed7e2;
+}
+
+.border-pink-300 {
+ border-color: #fbb6ce;
+}
+
+.border-pink-400 {
+ border-color: #f687b3;
+}
+
+.border-pink-500 {
+ border-color: #ed64a6;
+}
+
+.border-pink-600 {
+ border-color: #d53f8c;
+}
+
+.border-pink-700 {
+ border-color: #b83280;
+}
+
+.border-pink-800 {
+ border-color: #97266d;
+}
+
+.border-pink-900 {
+ border-color: #702459;
+}
+
+.hover\:border-transparent:hover {
+ border-color: transparent;
+}
+
+.hover\:border-current:hover {
+ border-color: currentColor;
+}
+
+.hover\:border-black:hover {
+ border-color: #000;
+}
+
+.hover\:border-white:hover {
+ border-color: #fff;
+}
+
+.hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+}
+
+.hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+}
+
+.hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+}
+
+.hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+}
+
+.hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+}
+
+.hover\:border-gray-600:hover {
+ border-color: #718096;
+}
+
+.hover\:border-gray-700:hover {
+ border-color: #4a5568;
+}
+
+.hover\:border-gray-800:hover {
+ border-color: #2d3748;
+}
+
+.hover\:border-gray-900:hover {
+ border-color: #1a202c;
+}
+
+.hover\:border-red-100:hover {
+ border-color: #fff5f5;
+}
+
+.hover\:border-red-200:hover {
+ border-color: #fed7d7;
+}
+
+.hover\:border-red-300:hover {
+ border-color: #feb2b2;
+}
+
+.hover\:border-red-400:hover {
+ border-color: #fc8181;
+}
+
+.hover\:border-red-500:hover {
+ border-color: #f56565;
+}
+
+.hover\:border-red-600:hover {
+ border-color: #e53e3e;
+}
+
+.hover\:border-red-700:hover {
+ border-color: #c53030;
+}
+
+.hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+}
+
+.hover\:border-red-900:hover {
+ border-color: #742a2a;
+}
+
+.hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+}
+
+.hover\:border-orange-200:hover {
+ border-color: #feebc8;
+}
+
+.hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+}
+
+.hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+}
+
+.hover\:border-orange-500:hover {
+ border-color: #ed8936;
+}
+
+.hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+}
+
+.hover\:border-orange-700:hover {
+ border-color: #c05621;
+}
+
+.hover\:border-orange-800:hover {
+ border-color: #9c4221;
+}
+
+.hover\:border-orange-900:hover {
+ border-color: #7b341e;
+}
+
+.hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+}
+
+.hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+}
+
+.hover\:border-yellow-300:hover {
+ border-color: #faf089;
+}
+
+.hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+}
+
+.hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+}
+
+.hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+}
+
+.hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+}
+
+.hover\:border-yellow-800:hover {
+ border-color: #975a16;
+}
+
+.hover\:border-yellow-900:hover {
+ border-color: #744210;
+}
+
+.hover\:border-green-100:hover {
+ border-color: #f0fff4;
+}
+
+.hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+}
+
+.hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+}
+
+.hover\:border-green-400:hover {
+ border-color: #68d391;
+}
+
+.hover\:border-green-500:hover {
+ border-color: #48bb78;
+}
+
+.hover\:border-green-600:hover {
+ border-color: #38a169;
+}
+
+.hover\:border-green-700:hover {
+ border-color: #2f855a;
+}
+
+.hover\:border-green-800:hover {
+ border-color: #276749;
+}
+
+.hover\:border-green-900:hover {
+ border-color: #22543d;
+}
+
+.hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+}
+
+.hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+}
+
+.hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+}
+
+.hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+}
+
+.hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+}
+
+.hover\:border-teal-600:hover {
+ border-color: #319795;
+}
+
+.hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+}
+
+.hover\:border-teal-800:hover {
+ border-color: #285e61;
+}
+
+.hover\:border-teal-900:hover {
+ border-color: #234e52;
+}
+
+.hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+}
+
+.hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+}
+
+.hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+}
+
+.hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+}
+
+.hover\:border-blue-500:hover {
+ border-color: #4299e1;
+}
+
+.hover\:border-blue-600:hover {
+ border-color: #3182ce;
+}
+
+.hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+}
+
+.hover\:border-blue-800:hover {
+ border-color: #2c5282;
+}
+
+.hover\:border-blue-900:hover {
+ border-color: #2a4365;
+}
+
+.hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+}
+
+.hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+}
+
+.hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+}
+
+.hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+}
+
+.hover\:border-indigo-500:hover {
+ border-color: #667eea;
+}
+
+.hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+}
+
+.hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+}
+
+.hover\:border-indigo-800:hover {
+ border-color: #434190;
+}
+
+.hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+}
+
+.hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+}
+
+.hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+}
+
+.hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+}
+
+.hover\:border-purple-400:hover {
+ border-color: #b794f4;
+}
+
+.hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+}
+
+.hover\:border-purple-600:hover {
+ border-color: #805ad5;
+}
+
+.hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+}
+
+.hover\:border-purple-800:hover {
+ border-color: #553c9a;
+}
+
+.hover\:border-purple-900:hover {
+ border-color: #44337a;
+}
+
+.hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+}
+
+.hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+}
+
+.hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+}
+
+.hover\:border-pink-400:hover {
+ border-color: #f687b3;
+}
+
+.hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+}
+
+.hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+}
+
+.hover\:border-pink-700:hover {
+ border-color: #b83280;
+}
+
+.hover\:border-pink-800:hover {
+ border-color: #97266d;
+}
+
+.hover\:border-pink-900:hover {
+ border-color: #702459;
+}
+
+.focus\:border-transparent:focus {
+ border-color: transparent;
+}
+
+.focus\:border-current:focus {
+ border-color: currentColor;
+}
+
+.focus\:border-black:focus {
+ border-color: #000;
+}
+
+.focus\:border-white:focus {
+ border-color: #fff;
+}
+
+.focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+}
+
+.focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+}
+
+.focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+}
+
+.focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+}
+
+.focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+}
+
+.focus\:border-gray-600:focus {
+ border-color: #718096;
+}
+
+.focus\:border-gray-700:focus {
+ border-color: #4a5568;
+}
+
+.focus\:border-gray-800:focus {
+ border-color: #2d3748;
+}
+
+.focus\:border-gray-900:focus {
+ border-color: #1a202c;
+}
+
+.focus\:border-red-100:focus {
+ border-color: #fff5f5;
+}
+
+.focus\:border-red-200:focus {
+ border-color: #fed7d7;
+}
+
+.focus\:border-red-300:focus {
+ border-color: #feb2b2;
+}
+
+.focus\:border-red-400:focus {
+ border-color: #fc8181;
+}
+
+.focus\:border-red-500:focus {
+ border-color: #f56565;
+}
+
+.focus\:border-red-600:focus {
+ border-color: #e53e3e;
+}
+
+.focus\:border-red-700:focus {
+ border-color: #c53030;
+}
+
+.focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+}
+
+.focus\:border-red-900:focus {
+ border-color: #742a2a;
+}
+
+.focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+}
+
+.focus\:border-orange-200:focus {
+ border-color: #feebc8;
+}
+
+.focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+}
+
+.focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+}
+
+.focus\:border-orange-500:focus {
+ border-color: #ed8936;
+}
+
+.focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+}
+
+.focus\:border-orange-700:focus {
+ border-color: #c05621;
+}
+
+.focus\:border-orange-800:focus {
+ border-color: #9c4221;
+}
+
+.focus\:border-orange-900:focus {
+ border-color: #7b341e;
+}
+
+.focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+}
+
+.focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+}
+
+.focus\:border-yellow-300:focus {
+ border-color: #faf089;
+}
+
+.focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+}
+
+.focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+}
+
+.focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+}
+
+.focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+}
+
+.focus\:border-yellow-800:focus {
+ border-color: #975a16;
+}
+
+.focus\:border-yellow-900:focus {
+ border-color: #744210;
+}
+
+.focus\:border-green-100:focus {
+ border-color: #f0fff4;
+}
+
+.focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+}
+
+.focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+}
+
+.focus\:border-green-400:focus {
+ border-color: #68d391;
+}
+
+.focus\:border-green-500:focus {
+ border-color: #48bb78;
+}
+
+.focus\:border-green-600:focus {
+ border-color: #38a169;
+}
+
+.focus\:border-green-700:focus {
+ border-color: #2f855a;
+}
+
+.focus\:border-green-800:focus {
+ border-color: #276749;
+}
+
+.focus\:border-green-900:focus {
+ border-color: #22543d;
+}
+
+.focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+}
+
+.focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+}
+
+.focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+}
+
+.focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+}
+
+.focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+}
+
+.focus\:border-teal-600:focus {
+ border-color: #319795;
+}
+
+.focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+}
+
+.focus\:border-teal-800:focus {
+ border-color: #285e61;
+}
+
+.focus\:border-teal-900:focus {
+ border-color: #234e52;
+}
+
+.focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+}
+
+.focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+}
+
+.focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+}
+
+.focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+}
+
+.focus\:border-blue-500:focus {
+ border-color: #4299e1;
+}
+
+.focus\:border-blue-600:focus {
+ border-color: #3182ce;
+}
+
+.focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+}
+
+.focus\:border-blue-800:focus {
+ border-color: #2c5282;
+}
+
+.focus\:border-blue-900:focus {
+ border-color: #2a4365;
+}
+
+.focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+}
+
+.focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+}
+
+.focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+}
+
+.focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+}
+
+.focus\:border-indigo-500:focus {
+ border-color: #667eea;
+}
+
+.focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+}
+
+.focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+}
+
+.focus\:border-indigo-800:focus {
+ border-color: #434190;
+}
+
+.focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+}
+
+.focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+}
+
+.focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+}
+
+.focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+}
+
+.focus\:border-purple-400:focus {
+ border-color: #b794f4;
+}
+
+.focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+}
+
+.focus\:border-purple-600:focus {
+ border-color: #805ad5;
+}
+
+.focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+}
+
+.focus\:border-purple-800:focus {
+ border-color: #553c9a;
+}
+
+.focus\:border-purple-900:focus {
+ border-color: #44337a;
+}
+
+.focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+}
+
+.focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+}
+
+.focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+}
+
+.focus\:border-pink-400:focus {
+ border-color: #f687b3;
+}
+
+.focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+}
+
+.focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+}
+
+.focus\:border-pink-700:focus {
+ border-color: #b83280;
+}
+
+.focus\:border-pink-800:focus {
+ border-color: #97266d;
+}
+
+.focus\:border-pink-900:focus {
+ border-color: #702459;
+}
+
+.rounded-none {
+ border-radius: 0;
+}
+
+.rounded-sm {
+ border-radius: 0.125rem;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.rounded-md {
+ border-radius: 0.375rem;
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.rounded-full {
+ border-radius: 9999px;
+}
+
+.rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+}
+
+.rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+}
+
+.rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+}
+
+.rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+}
+
+.rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.rounded-tl-none {
+ border-top-left-radius: 0;
+}
+
+.rounded-tr-none {
+ border-top-right-radius: 0;
+}
+
+.rounded-br-none {
+ border-bottom-right-radius: 0;
+}
+
+.rounded-bl-none {
+ border-bottom-left-radius: 0;
+}
+
+.rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+}
+
+.rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+}
+
+.rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-tl {
+ border-top-left-radius: 0.25rem;
+}
+
+.rounded-tr {
+ border-top-right-radius: 0.25rem;
+}
+
+.rounded-br {
+ border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+}
+
+.rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+}
+
+.rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+}
+
+.rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-tl-full {
+ border-top-left-radius: 9999px;
+}
+
+.rounded-tr-full {
+ border-top-right-radius: 9999px;
+}
+
+.rounded-br-full {
+ border-bottom-right-radius: 9999px;
+}
+
+.rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+}
+
+.border-solid {
+ border-style: solid;
+}
+
+.border-dashed {
+ border-style: dashed;
+}
+
+.border-dotted {
+ border-style: dotted;
+}
+
+.border-double {
+ border-style: double;
+}
+
+.border-none {
+ border-style: none;
+}
+
+.border-0 {
+ border-width: 0;
+}
+
+.border-2 {
+ border-width: 2px;
+}
+
+.border-4 {
+ border-width: 4px;
+}
+
+.border-8 {
+ border-width: 8px;
+}
+
+.border {
+ border-width: 1px;
+}
+
+.border-t-0 {
+ border-top-width: 0;
+}
+
+.border-r-0 {
+ border-right-width: 0;
+}
+
+.border-b-0 {
+ border-bottom-width: 0;
+}
+
+.border-l-0 {
+ border-left-width: 0;
+}
+
+.border-t-2 {
+ border-top-width: 2px;
+}
+
+.border-r-2 {
+ border-right-width: 2px;
+}
+
+.border-b-2 {
+ border-bottom-width: 2px;
+}
+
+.border-l-2 {
+ border-left-width: 2px;
+}
+
+.border-t-4 {
+ border-top-width: 4px;
+}
+
+.border-r-4 {
+ border-right-width: 4px;
+}
+
+.border-b-4 {
+ border-bottom-width: 4px;
+}
+
+.border-l-4 {
+ border-left-width: 4px;
+}
+
+.border-t-8 {
+ border-top-width: 8px;
+}
+
+.border-r-8 {
+ border-right-width: 8px;
+}
+
+.border-b-8 {
+ border-bottom-width: 8px;
+}
+
+.border-l-8 {
+ border-left-width: 8px;
+}
+
+.border-t {
+ border-top-width: 1px;
+}
+
+.border-r {
+ border-right-width: 1px;
+}
+
+.border-b {
+ border-bottom-width: 1px;
+}
+
+.border-l {
+ border-left-width: 1px;
+}
+
+.box-border {
+ box-sizing: border-box;
+}
+
+.box-content {
+ box-sizing: content-box;
+}
+
+.cursor-auto {
+ cursor: auto;
+}
+
+.cursor-default {
+ cursor: default;
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.cursor-wait {
+ cursor: wait;
+}
+
+.cursor-text {
+ cursor: text;
+}
+
+.cursor-move {
+ cursor: move;
+}
+
+.cursor-not-allowed {
+ cursor: not-allowed;
+}
+
+.block {
+ display: block;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+.inline {
+ display: inline;
+}
+
+.flex {
+ display: flex;
+}
+
+.inline-flex {
+ display: inline-flex;
+}
+
+.table {
+ display: table;
+}
+
+.table-caption {
+ display: table-caption;
+}
+
+.table-cell {
+ display: table-cell;
+}
+
+.table-column {
+ display: table-column;
+}
+
+.table-column-group {
+ display: table-column-group;
+}
+
+.table-footer-group {
+ display: table-footer-group;
+}
+
+.table-header-group {
+ display: table-header-group;
+}
+
+.table-row-group {
+ display: table-row-group;
+}
+
+.table-row {
+ display: table-row;
+}
+
+.hidden {
+ display: none;
+}
+
+.flex-row {
+ flex-direction: row;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse;
+}
+
+.flex-col {
+ flex-direction: column;
+}
+
+.flex-col-reverse {
+ flex-direction: column-reverse;
+}
+
+.flex-wrap {
+ flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+}
+
+.flex-no-wrap {
+ flex-wrap: nowrap;
+}
+
+.items-start {
+ align-items: flex-start;
+}
+
+.items-end {
+ align-items: flex-end;
+}
+
+.items-center {
+ align-items: center;
+}
+
+.items-baseline {
+ align-items: baseline;
+}
+
+.items-stretch {
+ align-items: stretch;
+}
+
+.self-auto {
+ align-self: auto;
+}
+
+.self-start {
+ align-self: flex-start;
+}
+
+.self-end {
+ align-self: flex-end;
+}
+
+.self-center {
+ align-self: center;
+}
+
+.self-stretch {
+ align-self: stretch;
+}
+
+.justify-start {
+ justify-content: flex-start;
+}
+
+.justify-end {
+ justify-content: flex-end;
+}
+
+.justify-center {
+ justify-content: center;
+}
+
+.justify-between {
+ justify-content: space-between;
+}
+
+.justify-around {
+ justify-content: space-around;
+}
+
+.justify-evenly {
+ justify-content: space-evenly;
+}
+
+.content-center {
+ align-content: center;
+}
+
+.content-start {
+ align-content: flex-start;
+}
+
+.content-end {
+ align-content: flex-end;
+}
+
+.content-between {
+ align-content: space-between;
+}
+
+.content-around {
+ align-content: space-around;
+}
+
+.flex-1 {
+ flex: 1 1 0%;
+}
+
+.flex-auto {
+ flex: 1 1 auto;
+}
+
+.flex-initial {
+ flex: 0 1 auto;
+}
+
+.flex-none {
+ flex: none;
+}
+
+.flex-grow-0 {
+ flex-grow: 0;
+}
+
+.flex-grow {
+ flex-grow: 1;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0;
+}
+
+.flex-shrink {
+ flex-shrink: 1;
+}
+
+.order-1 {
+ order: 1;
+}
+
+.order-2 {
+ order: 2;
+}
+
+.order-3 {
+ order: 3;
+}
+
+.order-4 {
+ order: 4;
+}
+
+.order-5 {
+ order: 5;
+}
+
+.order-6 {
+ order: 6;
+}
+
+.order-7 {
+ order: 7;
+}
+
+.order-8 {
+ order: 8;
+}
+
+.order-9 {
+ order: 9;
+}
+
+.order-10 {
+ order: 10;
+}
+
+.order-11 {
+ order: 11;
+}
+
+.order-12 {
+ order: 12;
+}
+
+.order-first {
+ order: -9999;
+}
+
+.order-last {
+ order: 9999;
+}
+
+.order-none {
+ order: 0;
+}
+
+.float-right {
+ float: right;
+}
+
+.float-left {
+ float: left;
+}
+
+.float-none {
+ float: none;
+}
+
+.clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.clear-left {
+ clear: left;
+}
+
+.clear-right {
+ clear: right;
+}
+
+.clear-both {
+ clear: both;
+}
+
+.clear-none {
+ clear: none;
+}
+
+.font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.font-hairline {
+ font-weight: 100;
+}
+
+.font-thin {
+ 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;
+}
+
+.hover\:font-hairline:hover {
+ font-weight: 100;
+}
+
+.hover\:font-thin:hover {
+ font-weight: 200;
+}
+
+.hover\:font-light:hover {
+ font-weight: 300;
+}
+
+.hover\:font-normal:hover {
+ font-weight: 400;
+}
+
+.hover\:font-medium:hover {
+ font-weight: 500;
+}
+
+.hover\:font-semibold:hover {
+ font-weight: 600;
+}
+
+.hover\:font-bold:hover {
+ font-weight: 700;
+}
+
+.hover\:font-extrabold:hover {
+ font-weight: 800;
+}
+
+.hover\:font-black:hover {
+ font-weight: 900;
+}
+
+.focus\:font-hairline:focus {
+ font-weight: 100;
+}
+
+.focus\:font-thin:focus {
+ font-weight: 200;
+}
+
+.focus\:font-light:focus {
+ font-weight: 300;
+}
+
+.focus\:font-normal:focus {
+ font-weight: 400;
+}
+
+.focus\:font-medium:focus {
+ font-weight: 500;
+}
+
+.focus\:font-semibold:focus {
+ font-weight: 600;
+}
+
+.focus\:font-bold:focus {
+ font-weight: 700;
+}
+
+.focus\:font-extrabold:focus {
+ font-weight: 800;
+}
+
+.focus\:font-black:focus {
+ font-weight: 900;
+}
+
+.h-0 {
+ height: 0;
+}
+
+.h-1 {
+ height: 0.25rem;
+}
+
+.h-2 {
+ height: 0.5rem;
+}
+
+.h-3 {
+ height: 0.75rem;
+}
+
+.h-4 {
+ height: 1rem;
+}
+
+.h-5 {
+ height: 1.25rem;
+}
+
+.h-6 {
+ height: 1.5rem;
+}
+
+.h-8 {
+ height: 2rem;
+}
+
+.h-10 {
+ height: 2.5rem;
+}
+
+.h-12 {
+ height: 3rem;
+}
+
+.h-16 {
+ height: 4rem;
+}
+
+.h-20 {
+ height: 5rem;
+}
+
+.h-24 {
+ height: 6rem;
+}
+
+.h-32 {
+ height: 8rem;
+}
+
+.h-40 {
+ height: 10rem;
+}
+
+.h-48 {
+ height: 12rem;
+}
+
+.h-56 {
+ height: 14rem;
+}
+
+.h-64 {
+ height: 16rem;
+}
+
+.h-auto {
+ height: auto;
+}
+
+.h-px {
+ height: 1px;
+}
+
+.h-full {
+ height: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.text-xs {
+ font-size: 0.75rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+}
+
+.text-base {
+ font-size: 1rem;
+}
+
+.text-lg {
+ font-size: 1.125rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+}
+
+.text-5xl {
+ font-size: 3rem;
+}
+
+.text-6xl {
+ font-size: 4rem;
+}
+
+.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;
+}
+
+.list-inside {
+ list-style-position: inside;
+}
+
+.list-outside {
+ list-style-position: outside;
+}
+
+.list-none {
+ list-style-type: none;
+}
+
+.list-disc {
+ list-style-type: disc;
+}
+
+.list-decimal {
+ list-style-type: decimal;
+}
+
+.m-0 {
+ margin: 0;
+}
+
+.m-1 {
+ margin: 0.25rem;
+}
+
+.m-2 {
+ margin: 0.5rem;
+}
+
+.m-3 {
+ margin: 0.75rem;
+}
+
+.m-4 {
+ margin: 1rem;
+}
+
+.m-5 {
+ margin: 1.25rem;
+}
+
+.m-6 {
+ margin: 1.5rem;
+}
+
+.m-8 {
+ margin: 2rem;
+}
+
+.m-10 {
+ margin: 2.5rem;
+}
+
+.m-12 {
+ margin: 3rem;
+}
+
+.m-16 {
+ margin: 4rem;
+}
+
+.m-20 {
+ margin: 5rem;
+}
+
+.m-24 {
+ margin: 6rem;
+}
+
+.m-32 {
+ margin: 8rem;
+}
+
+.m-40 {
+ margin: 10rem;
+}
+
+.m-48 {
+ margin: 12rem;
+}
+
+.m-56 {
+ margin: 14rem;
+}
+
+.m-64 {
+ margin: 16rem;
+}
+
+.m-auto {
+ margin: auto;
+}
+
+.m-px {
+ margin: 1px;
+}
+
+.-m-1 {
+ margin: -0.25rem;
+}
+
+.-m-2 {
+ margin: -0.5rem;
+}
+
+.-m-3 {
+ margin: -0.75rem;
+}
+
+.-m-4 {
+ margin: -1rem;
+}
+
+.-m-5 {
+ margin: -1.25rem;
+}
+
+.-m-6 {
+ margin: -1.5rem;
+}
+
+.-m-8 {
+ margin: -2rem;
+}
+
+.-m-10 {
+ margin: -2.5rem;
+}
+
+.-m-12 {
+ margin: -3rem;
+}
+
+.-m-16 {
+ margin: -4rem;
+}
+
+.-m-20 {
+ margin: -5rem;
+}
+
+.-m-24 {
+ margin: -6rem;
+}
+
+.-m-32 {
+ margin: -8rem;
+}
+
+.-m-40 {
+ margin: -10rem;
+}
+
+.-m-48 {
+ margin: -12rem;
+}
+
+.-m-56 {
+ margin: -14rem;
+}
+
+.-m-64 {
+ margin: -16rem;
+}
+
+.-m-px {
+ margin: -1px;
+}
+
+.my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+
+.mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+
+.my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+}
+
+.my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+}
+
+.my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+}
+
+.mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+}
+
+.my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+}
+
+.my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+}
+
+.my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+}
+
+.mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+}
+
+.my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+}
+
+.mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+}
+
+.my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+}
+
+.mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+}
+
+.my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+}
+
+.mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+}
+
+.my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+}
+
+.mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+}
+
+.my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+}
+
+.mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+}
+
+.my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+}
+
+.mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+}
+
+.my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+}
+
+.mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+}
+
+.my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+}
+
+.mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+}
+
+.my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+}
+
+.mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+}
+
+.my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+}
+
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+.mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+}
+
+.-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+}
+
+.-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+}
+
+.-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+}
+
+.-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+}
+
+.-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+}
+
+.-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+}
+
+.-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+}
+
+.-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+}
+
+.-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+}
+
+.-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+}
+
+.-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+.-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+}
+
+.-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+}
+
+.-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+}
+
+.-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+}
+
+.-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+}
+
+.-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+}
+
+.-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+}
+
+.-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+}
+
+.-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+}
+
+.-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+}
+
+.-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+}
+
+.-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+}
+
+.-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+}
+
+.-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+}
+
+.-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+}
+
+.-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+}
+
+.-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+}
+
+.-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+}
+
+.-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+}
+
+.-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+}
+
+.-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+}
+
+.-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+}
+
+.-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+}
+
+.-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.mt-0 {
+ margin-top: 0;
+}
+
+.mr-0 {
+ margin-right: 0;
+}
+
+.mb-0 {
+ margin-bottom: 0;
+}
+
+.ml-0 {
+ margin-left: 0;
+}
+
+.mt-1 {
+ margin-top: 0.25rem;
+}
+
+.mr-1 {
+ margin-right: 0.25rem;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem;
+}
+
+.ml-1 {
+ margin-left: 0.25rem;
+}
+
+.mt-2 {
+ margin-top: 0.5rem;
+}
+
+.mr-2 {
+ margin-right: 0.5rem;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem;
+}
+
+.ml-2 {
+ margin-left: 0.5rem;
+}
+
+.mt-3 {
+ margin-top: 0.75rem;
+}
+
+.mr-3 {
+ margin-right: 0.75rem;
+}
+
+.mb-3 {
+ margin-bottom: 0.75rem;
+}
+
+.ml-3 {
+ margin-left: 0.75rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mr-4 {
+ margin-right: 1rem;
+}
+
+.mb-4 {
+ margin-bottom: 1rem;
+}
+
+.ml-4 {
+ margin-left: 1rem;
+}
+
+.mt-5 {
+ margin-top: 1.25rem;
+}
+
+.mr-5 {
+ margin-right: 1.25rem;
+}
+
+.mb-5 {
+ margin-bottom: 1.25rem;
+}
+
+.ml-5 {
+ margin-left: 1.25rem;
+}
+
+.mt-6 {
+ margin-top: 1.5rem;
+}
+
+.mr-6 {
+ margin-right: 1.5rem;
+}
+
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+
+.ml-6 {
+ margin-left: 1.5rem;
+}
+
+.mt-8 {
+ margin-top: 2rem;
+}
+
+.mr-8 {
+ margin-right: 2rem;
+}
+
+.mb-8 {
+ margin-bottom: 2rem;
+}
+
+.ml-8 {
+ margin-left: 2rem;
+}
+
+.mt-10 {
+ margin-top: 2.5rem;
+}
+
+.mr-10 {
+ margin-right: 2.5rem;
+}
+
+.mb-10 {
+ margin-bottom: 2.5rem;
+}
+
+.ml-10 {
+ margin-left: 2.5rem;
+}
+
+.mt-12 {
+ margin-top: 3rem;
+}
+
+.mr-12 {
+ margin-right: 3rem;
+}
+
+.mb-12 {
+ margin-bottom: 3rem;
+}
+
+.ml-12 {
+ margin-left: 3rem;
+}
+
+.mt-16 {
+ margin-top: 4rem;
+}
+
+.mr-16 {
+ margin-right: 4rem;
+}
+
+.mb-16 {
+ margin-bottom: 4rem;
+}
+
+.ml-16 {
+ margin-left: 4rem;
+}
+
+.mt-20 {
+ margin-top: 5rem;
+}
+
+.mr-20 {
+ margin-right: 5rem;
+}
+
+.mb-20 {
+ margin-bottom: 5rem;
+}
+
+.ml-20 {
+ margin-left: 5rem;
+}
+
+.mt-24 {
+ margin-top: 6rem;
+}
+
+.mr-24 {
+ margin-right: 6rem;
+}
+
+.mb-24 {
+ margin-bottom: 6rem;
+}
+
+.ml-24 {
+ margin-left: 6rem;
+}
+
+.mt-32 {
+ margin-top: 8rem;
+}
+
+.mr-32 {
+ margin-right: 8rem;
+}
+
+.mb-32 {
+ margin-bottom: 8rem;
+}
+
+.ml-32 {
+ margin-left: 8rem;
+}
+
+.mt-40 {
+ margin-top: 10rem;
+}
+
+.mr-40 {
+ margin-right: 10rem;
+}
+
+.mb-40 {
+ margin-bottom: 10rem;
+}
+
+.ml-40 {
+ margin-left: 10rem;
+}
+
+.mt-48 {
+ margin-top: 12rem;
+}
+
+.mr-48 {
+ margin-right: 12rem;
+}
+
+.mb-48 {
+ margin-bottom: 12rem;
+}
+
+.ml-48 {
+ margin-left: 12rem;
+}
+
+.mt-56 {
+ margin-top: 14rem;
+}
+
+.mr-56 {
+ margin-right: 14rem;
+}
+
+.mb-56 {
+ margin-bottom: 14rem;
+}
+
+.ml-56 {
+ margin-left: 14rem;
+}
+
+.mt-64 {
+ margin-top: 16rem;
+}
+
+.mr-64 {
+ margin-right: 16rem;
+}
+
+.mb-64 {
+ margin-bottom: 16rem;
+}
+
+.ml-64 {
+ margin-left: 16rem;
+}
+
+.mt-auto {
+ margin-top: auto;
+}
+
+.mr-auto {
+ margin-right: auto;
+}
+
+.mb-auto {
+ margin-bottom: auto;
+}
+
+.ml-auto {
+ margin-left: auto;
+}
+
+.mt-px {
+ margin-top: 1px;
+}
+
+.mr-px {
+ margin-right: 1px;
+}
+
+.mb-px {
+ margin-bottom: 1px;
+}
+
+.ml-px {
+ margin-left: 1px;
+}
+
+.-mt-1 {
+ margin-top: -0.25rem;
+}
+
+.-mr-1 {
+ margin-right: -0.25rem;
+}
+
+.-mb-1 {
+ margin-bottom: -0.25rem;
+}
+
+.-ml-1 {
+ margin-left: -0.25rem;
+}
+
+.-mt-2 {
+ margin-top: -0.5rem;
+}
+
+.-mr-2 {
+ margin-right: -0.5rem;
+}
+
+.-mb-2 {
+ margin-bottom: -0.5rem;
+}
+
+.-ml-2 {
+ margin-left: -0.5rem;
+}
+
+.-mt-3 {
+ margin-top: -0.75rem;
+}
+
+.-mr-3 {
+ margin-right: -0.75rem;
+}
+
+.-mb-3 {
+ margin-bottom: -0.75rem;
+}
+
+.-ml-3 {
+ margin-left: -0.75rem;
+}
+
+.-mt-4 {
+ margin-top: -1rem;
+}
+
+.-mr-4 {
+ margin-right: -1rem;
+}
+
+.-mb-4 {
+ margin-bottom: -1rem;
+}
+
+.-ml-4 {
+ margin-left: -1rem;
+}
+
+.-mt-5 {
+ margin-top: -1.25rem;
+}
+
+.-mr-5 {
+ margin-right: -1.25rem;
+}
+
+.-mb-5 {
+ margin-bottom: -1.25rem;
+}
+
+.-ml-5 {
+ margin-left: -1.25rem;
+}
+
+.-mt-6 {
+ margin-top: -1.5rem;
+}
+
+.-mr-6 {
+ margin-right: -1.5rem;
+}
+
+.-mb-6 {
+ margin-bottom: -1.5rem;
+}
+
+.-ml-6 {
+ margin-left: -1.5rem;
+}
+
+.-mt-8 {
+ margin-top: -2rem;
+}
+
+.-mr-8 {
+ margin-right: -2rem;
+}
+
+.-mb-8 {
+ margin-bottom: -2rem;
+}
+
+.-ml-8 {
+ margin-left: -2rem;
+}
+
+.-mt-10 {
+ margin-top: -2.5rem;
+}
+
+.-mr-10 {
+ margin-right: -2.5rem;
+}
+
+.-mb-10 {
+ margin-bottom: -2.5rem;
+}
+
+.-ml-10 {
+ margin-left: -2.5rem;
+}
+
+.-mt-12 {
+ margin-top: -3rem;
+}
+
+.-mr-12 {
+ margin-right: -3rem;
+}
+
+.-mb-12 {
+ margin-bottom: -3rem;
+}
+
+.-ml-12 {
+ margin-left: -3rem;
+}
+
+.-mt-16 {
+ margin-top: -4rem;
+}
+
+.-mr-16 {
+ margin-right: -4rem;
+}
+
+.-mb-16 {
+ margin-bottom: -4rem;
+}
+
+.-ml-16 {
+ margin-left: -4rem;
+}
+
+.-mt-20 {
+ margin-top: -5rem;
+}
+
+.-mr-20 {
+ margin-right: -5rem;
+}
+
+.-mb-20 {
+ margin-bottom: -5rem;
+}
+
+.-ml-20 {
+ margin-left: -5rem;
+}
+
+.-mt-24 {
+ margin-top: -6rem;
+}
+
+.-mr-24 {
+ margin-right: -6rem;
+}
+
+.-mb-24 {
+ margin-bottom: -6rem;
+}
+
+.-ml-24 {
+ margin-left: -6rem;
+}
+
+.-mt-32 {
+ margin-top: -8rem;
+}
+
+.-mr-32 {
+ margin-right: -8rem;
+}
+
+.-mb-32 {
+ margin-bottom: -8rem;
+}
+
+.-ml-32 {
+ margin-left: -8rem;
+}
+
+.-mt-40 {
+ margin-top: -10rem;
+}
+
+.-mr-40 {
+ margin-right: -10rem;
+}
+
+.-mb-40 {
+ margin-bottom: -10rem;
+}
+
+.-ml-40 {
+ margin-left: -10rem;
+}
+
+.-mt-48 {
+ margin-top: -12rem;
+}
+
+.-mr-48 {
+ margin-right: -12rem;
+}
+
+.-mb-48 {
+ margin-bottom: -12rem;
+}
+
+.-ml-48 {
+ margin-left: -12rem;
+}
+
+.-mt-56 {
+ margin-top: -14rem;
+}
+
+.-mr-56 {
+ margin-right: -14rem;
+}
+
+.-mb-56 {
+ margin-bottom: -14rem;
+}
+
+.-ml-56 {
+ margin-left: -14rem;
+}
+
+.-mt-64 {
+ margin-top: -16rem;
+}
+
+.-mr-64 {
+ margin-right: -16rem;
+}
+
+.-mb-64 {
+ margin-bottom: -16rem;
+}
+
+.-ml-64 {
+ margin-left: -16rem;
+}
+
+.-mt-px {
+ margin-top: -1px;
+}
+
+.-mr-px {
+ margin-right: -1px;
+}
+
+.-mb-px {
+ margin-bottom: -1px;
+}
+
+.-ml-px {
+ margin-left: -1px;
+}
+
+.max-h-full {
+ max-height: 100%;
+}
+
+.max-h-screen {
+ max-height: 100vh;
+}
+
+.max-w-none {
+ max-width: none;
+}
+
+.max-w-xs {
+ max-width: 20rem;
+}
+
+.max-w-sm {
+ max-width: 24rem;
+}
+
+.max-w-md {
+ max-width: 28rem;
+}
+
+.max-w-lg {
+ max-width: 32rem;
+}
+
+.max-w-xl {
+ max-width: 36rem;
+}
+
+.max-w-2xl {
+ max-width: 42rem;
+}
+
+.max-w-3xl {
+ max-width: 48rem;
+}
+
+.max-w-4xl {
+ max-width: 56rem;
+}
+
+.max-w-5xl {
+ max-width: 64rem;
+}
+
+.max-w-6xl {
+ max-width: 72rem;
+}
+
+.max-w-full {
+ max-width: 100%;
+}
+
+.max-w-screen-sm {
+ max-width: 640px;
+}
+
+.max-w-screen-md {
+ max-width: 768px;
+}
+
+.max-w-screen-lg {
+ max-width: 1024px;
+}
+
+.max-w-screen-xl {
+ max-width: 1280px;
+}
+
+.min-h-0 {
+ min-height: 0;
+}
+
+.min-h-full {
+ min-height: 100%;
+}
+
+.min-h-screen {
+ min-height: 100vh;
+}
+
+.min-w-0 {
+ min-width: 0;
+}
+
+.min-w-full {
+ min-width: 100%;
+}
+
+.opacity-0 {
+ opacity: 0;
+}
+
+.opacity-25 {
+ opacity: 0.25;
+}
+
+.opacity-50 {
+ opacity: 0.5;
+}
+
+.opacity-75 {
+ opacity: 0.75;
+}
+
+.opacity-100 {
+ opacity: 1;
+}
+
+.hover\:opacity-0:hover {
+ opacity: 0;
+}
+
+.hover\:opacity-25:hover {
+ opacity: 0.25;
+}
+
+.hover\:opacity-50:hover {
+ opacity: 0.5;
+}
+
+.hover\:opacity-75:hover {
+ opacity: 0.75;
+}
+
+.hover\:opacity-100:hover {
+ opacity: 1;
+}
+
+.focus\:opacity-0:focus {
+ opacity: 0;
+}
+
+.focus\:opacity-25:focus {
+ opacity: 0.25;
+}
+
+.focus\:opacity-50:focus {
+ opacity: 0.5;
+}
+
+.focus\:opacity-75:focus {
+ opacity: 0.75;
+}
+
+.focus\:opacity-100:focus {
+ opacity: 1;
+}
+
+.outline-none {
+ outline: 0;
+}
+
+.focus\:outline-none:focus {
+ outline: 0;
+}
+
+.overflow-auto {
+ overflow: auto;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-visible {
+ overflow: visible;
+}
+
+.overflow-scroll {
+ overflow: scroll;
+}
+
+.overflow-x-auto {
+ overflow-x: auto;
+}
+
+.overflow-y-auto {
+ overflow-y: auto;
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden;
+}
+
+.overflow-x-visible {
+ overflow-x: visible;
+}
+
+.overflow-y-visible {
+ overflow-y: visible;
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll;
+}
+
+.scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+}
+
+.p-0 {
+ padding: 0;
+}
+
+.p-1 {
+ padding: 0.25rem;
+}
+
+.p-2 {
+ padding: 0.5rem;
+}
+
+.p-3 {
+ padding: 0.75rem;
+}
+
+.p-4 {
+ padding: 1rem;
+}
+
+.p-5 {
+ padding: 1.25rem;
+}
+
+.p-6 {
+ padding: 1.5rem;
+}
+
+.p-8 {
+ padding: 2rem;
+}
+
+.p-10 {
+ padding: 2.5rem;
+}
+
+.p-12 {
+ padding: 3rem;
+}
+
+.p-16 {
+ padding: 4rem;
+}
+
+.p-20 {
+ padding: 5rem;
+}
+
+.p-24 {
+ padding: 6rem;
+}
+
+.p-32 {
+ padding: 8rem;
+}
+
+.p-40 {
+ padding: 10rem;
+}
+
+.p-48 {
+ padding: 12rem;
+}
+
+.p-56 {
+ padding: 14rem;
+}
+
+.p-64 {
+ padding: 16rem;
+}
+
+.p-px {
+ padding: 1px;
+}
+
+.py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.px-0 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+
+.px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+
+.py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+.px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+}
+
+.px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
+
+.px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+
+.py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+}
+
+.px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+}
+
+.py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+
+.px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+}
+
+.py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+}
+
+.px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+}
+
+.py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+}
+
+.px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+}
+
+.py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+}
+
+.px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+}
+
+.py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+}
+
+.px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+}
+
+.py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+}
+
+.px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+}
+
+.py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+}
+
+.px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+}
+
+.py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+}
+
+.px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+}
+
+.py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+}
+
+.px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+}
+
+.py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+}
+
+.pt-0 {
+ padding-top: 0;
+}
+
+.pr-0 {
+ padding-right: 0;
+}
+
+.pb-0 {
+ padding-bottom: 0;
+}
+
+.pl-0 {
+ padding-left: 0;
+}
+
+.pt-1 {
+ padding-top: 0.25rem;
+}
+
+.pr-1 {
+ padding-right: 0.25rem;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+ padding-left: 0.25rem;
+}
+
+.pt-2 {
+ padding-top: 0.5rem;
+}
+
+.pr-2 {
+ padding-right: 0.5rem;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pt-3 {
+ padding-top: 0.75rem;
+}
+
+.pr-3 {
+ padding-right: 0.75rem;
+}
+
+.pb-3 {
+ padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+ padding-left: 0.75rem;
+}
+
+.pt-4 {
+ padding-top: 1rem;
+}
+
+.pr-4 {
+ padding-right: 1rem;
+}
+
+.pb-4 {
+ padding-bottom: 1rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
+.pt-5 {
+ padding-top: 1.25rem;
+}
+
+.pr-5 {
+ padding-right: 1.25rem;
+}
+
+.pb-5 {
+ padding-bottom: 1.25rem;
+}
+
+.pl-5 {
+ padding-left: 1.25rem;
+}
+
+.pt-6 {
+ padding-top: 1.5rem;
+}
+
+.pr-6 {
+ padding-right: 1.5rem;
+}
+
+.pb-6 {
+ padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+ padding-left: 1.5rem;
+}
+
+.pt-8 {
+ padding-top: 2rem;
+}
+
+.pr-8 {
+ padding-right: 2rem;
+}
+
+.pb-8 {
+ padding-bottom: 2rem;
+}
+
+.pl-8 {
+ padding-left: 2rem;
+}
+
+.pt-10 {
+ padding-top: 2.5rem;
+}
+
+.pr-10 {
+ padding-right: 2.5rem;
+}
+
+.pb-10 {
+ padding-bottom: 2.5rem;
+}
+
+.pl-10 {
+ padding-left: 2.5rem;
+}
+
+.pt-12 {
+ padding-top: 3rem;
+}
+
+.pr-12 {
+ padding-right: 3rem;
+}
+
+.pb-12 {
+ padding-bottom: 3rem;
+}
+
+.pl-12 {
+ padding-left: 3rem;
+}
+
+.pt-16 {
+ padding-top: 4rem;
+}
+
+.pr-16 {
+ padding-right: 4rem;
+}
+
+.pb-16 {
+ padding-bottom: 4rem;
+}
+
+.pl-16 {
+ padding-left: 4rem;
+}
+
+.pt-20 {
+ padding-top: 5rem;
+}
+
+.pr-20 {
+ padding-right: 5rem;
+}
+
+.pb-20 {
+ padding-bottom: 5rem;
+}
+
+.pl-20 {
+ padding-left: 5rem;
+}
+
+.pt-24 {
+ padding-top: 6rem;
+}
+
+.pr-24 {
+ padding-right: 6rem;
+}
+
+.pb-24 {
+ padding-bottom: 6rem;
+}
+
+.pl-24 {
+ padding-left: 6rem;
+}
+
+.pt-32 {
+ padding-top: 8rem;
+}
+
+.pr-32 {
+ padding-right: 8rem;
+}
+
+.pb-32 {
+ padding-bottom: 8rem;
+}
+
+.pl-32 {
+ padding-left: 8rem;
+}
+
+.pt-40 {
+ padding-top: 10rem;
+}
+
+.pr-40 {
+ padding-right: 10rem;
+}
+
+.pb-40 {
+ padding-bottom: 10rem;
+}
+
+.pl-40 {
+ padding-left: 10rem;
+}
+
+.pt-48 {
+ padding-top: 12rem;
+}
+
+.pr-48 {
+ padding-right: 12rem;
+}
+
+.pb-48 {
+ padding-bottom: 12rem;
+}
+
+.pl-48 {
+ padding-left: 12rem;
+}
+
+.pt-56 {
+ padding-top: 14rem;
+}
+
+.pr-56 {
+ padding-right: 14rem;
+}
+
+.pb-56 {
+ padding-bottom: 14rem;
+}
+
+.pl-56 {
+ padding-left: 14rem;
+}
+
+.pt-64 {
+ padding-top: 16rem;
+}
+
+.pr-64 {
+ padding-right: 16rem;
+}
+
+.pb-64 {
+ padding-bottom: 16rem;
+}
+
+.pl-64 {
+ padding-left: 16rem;
+}
+
+.pt-px {
+ padding-top: 1px;
+}
+
+.pr-px {
+ padding-right: 1px;
+}
+
+.pb-px {
+ padding-bottom: 1px;
+}
+
+.pl-px {
+ padding-left: 1px;
+}
+
+.placeholder-transparent::placeholder {
+ color: transparent;
+}
+
+.placeholder-current::placeholder {
+ color: currentColor;
+}
+
+.placeholder-black::placeholder {
+ color: #000;
+}
+
+.placeholder-white::placeholder {
+ color: #fff;
+}
+
+.placeholder-gray-100::placeholder {
+ color: #f7fafc;
+}
+
+.placeholder-gray-200::placeholder {
+ color: #edf2f7;
+}
+
+.placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+}
+
+.placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+}
+
+.placeholder-gray-500::placeholder {
+ color: #a0aec0;
+}
+
+.placeholder-gray-600::placeholder {
+ color: #718096;
+}
+
+.placeholder-gray-700::placeholder {
+ color: #4a5568;
+}
+
+.placeholder-gray-800::placeholder {
+ color: #2d3748;
+}
+
+.placeholder-gray-900::placeholder {
+ color: #1a202c;
+}
+
+.placeholder-red-100::placeholder {
+ color: #fff5f5;
+}
+
+.placeholder-red-200::placeholder {
+ color: #fed7d7;
+}
+
+.placeholder-red-300::placeholder {
+ color: #feb2b2;
+}
+
+.placeholder-red-400::placeholder {
+ color: #fc8181;
+}
+
+.placeholder-red-500::placeholder {
+ color: #f56565;
+}
+
+.placeholder-red-600::placeholder {
+ color: #e53e3e;
+}
+
+.placeholder-red-700::placeholder {
+ color: #c53030;
+}
+
+.placeholder-red-800::placeholder {
+ color: #9b2c2c;
+}
+
+.placeholder-red-900::placeholder {
+ color: #742a2a;
+}
+
+.placeholder-orange-100::placeholder {
+ color: #fffaf0;
+}
+
+.placeholder-orange-200::placeholder {
+ color: #feebc8;
+}
+
+.placeholder-orange-300::placeholder {
+ color: #fbd38d;
+}
+
+.placeholder-orange-400::placeholder {
+ color: #f6ad55;
+}
+
+.placeholder-orange-500::placeholder {
+ color: #ed8936;
+}
+
+.placeholder-orange-600::placeholder {
+ color: #dd6b20;
+}
+
+.placeholder-orange-700::placeholder {
+ color: #c05621;
+}
+
+.placeholder-orange-800::placeholder {
+ color: #9c4221;
+}
+
+.placeholder-orange-900::placeholder {
+ color: #7b341e;
+}
+
+.placeholder-yellow-100::placeholder {
+ color: #fffff0;
+}
+
+.placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+}
+
+.placeholder-yellow-300::placeholder {
+ color: #faf089;
+}
+
+.placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+}
+
+.placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+}
+
+.placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+}
+
+.placeholder-yellow-700::placeholder {
+ color: #b7791f;
+}
+
+.placeholder-yellow-800::placeholder {
+ color: #975a16;
+}
+
+.placeholder-yellow-900::placeholder {
+ color: #744210;
+}
+
+.placeholder-green-100::placeholder {
+ color: #f0fff4;
+}
+
+.placeholder-green-200::placeholder {
+ color: #c6f6d5;
+}
+
+.placeholder-green-300::placeholder {
+ color: #9ae6b4;
+}
+
+.placeholder-green-400::placeholder {
+ color: #68d391;
+}
+
+.placeholder-green-500::placeholder {
+ color: #48bb78;
+}
+
+.placeholder-green-600::placeholder {
+ color: #38a169;
+}
+
+.placeholder-green-700::placeholder {
+ color: #2f855a;
+}
+
+.placeholder-green-800::placeholder {
+ color: #276749;
+}
+
+.placeholder-green-900::placeholder {
+ color: #22543d;
+}
+
+.placeholder-teal-100::placeholder {
+ color: #e6fffa;
+}
+
+.placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+}
+
+.placeholder-teal-300::placeholder {
+ color: #81e6d9;
+}
+
+.placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+}
+
+.placeholder-teal-500::placeholder {
+ color: #38b2ac;
+}
+
+.placeholder-teal-600::placeholder {
+ color: #319795;
+}
+
+.placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+}
+
+.placeholder-teal-800::placeholder {
+ color: #285e61;
+}
+
+.placeholder-teal-900::placeholder {
+ color: #234e52;
+}
+
+.placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+}
+
+.placeholder-blue-200::placeholder {
+ color: #bee3f8;
+}
+
+.placeholder-blue-300::placeholder {
+ color: #90cdf4;
+}
+
+.placeholder-blue-400::placeholder {
+ color: #63b3ed;
+}
+
+.placeholder-blue-500::placeholder {
+ color: #4299e1;
+}
+
+.placeholder-blue-600::placeholder {
+ color: #3182ce;
+}
+
+.placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+}
+
+.placeholder-blue-800::placeholder {
+ color: #2c5282;
+}
+
+.placeholder-blue-900::placeholder {
+ color: #2a4365;
+}
+
+.placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+}
+
+.placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+}
+
+.placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+}
+
+.placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+}
+
+.placeholder-indigo-500::placeholder {
+ color: #667eea;
+}
+
+.placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+}
+
+.placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+}
+
+.placeholder-indigo-800::placeholder {
+ color: #434190;
+}
+
+.placeholder-indigo-900::placeholder {
+ color: #3c366b;
+}
+
+.placeholder-purple-100::placeholder {
+ color: #faf5ff;
+}
+
+.placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+}
+
+.placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+}
+
+.placeholder-purple-400::placeholder {
+ color: #b794f4;
+}
+
+.placeholder-purple-500::placeholder {
+ color: #9f7aea;
+}
+
+.placeholder-purple-600::placeholder {
+ color: #805ad5;
+}
+
+.placeholder-purple-700::placeholder {
+ color: #6b46c1;
+}
+
+.placeholder-purple-800::placeholder {
+ color: #553c9a;
+}
+
+.placeholder-purple-900::placeholder {
+ color: #44337a;
+}
+
+.placeholder-pink-100::placeholder {
+ color: #fff5f7;
+}
+
+.placeholder-pink-200::placeholder {
+ color: #fed7e2;
+}
+
+.placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+}
+
+.placeholder-pink-400::placeholder {
+ color: #f687b3;
+}
+
+.placeholder-pink-500::placeholder {
+ color: #ed64a6;
+}
+
+.placeholder-pink-600::placeholder {
+ color: #d53f8c;
+}
+
+.placeholder-pink-700::placeholder {
+ color: #b83280;
+}
+
+.placeholder-pink-800::placeholder {
+ color: #97266d;
+}
+
+.placeholder-pink-900::placeholder {
+ color: #702459;
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+}
+
+.focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+}
+
+.focus\:placeholder-black:focus::placeholder {
+ color: #000;
+}
+
+.focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+}
+
+.focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+}
+
+.focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+}
+
+.focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+}
+
+.focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+}
+
+.focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+}
+
+.focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+}
+
+.focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+}
+
+.focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+}
+
+.focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+}
+
+.focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+}
+
+.focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+}
+
+.focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+}
+
+.focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+}
+
+.focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+}
+
+.focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+}
+
+.focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+}
+
+.focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+}
+
+.focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+}
+
+.pointer-events-none {
+ pointer-events: none;
+}
+
+.pointer-events-auto {
+ pointer-events: auto;
+}
+
+.static {
+ position: static;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.relative {
+ position: relative;
+}
+
+.inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+}
+
+.inset-y-0 {
+ top: 0;
+ bottom: 0;
+}
+
+.inset-x-0 {
+ right: 0;
+ left: 0;
+}
+
+.inset-y-auto {
+ top: auto;
+ bottom: auto;
+}
+
+.inset-x-auto {
+ right: auto;
+ left: auto;
+}
+
+.top-0 {
+ top: 0;
+}
+
+.right-0 {
+ right: 0;
+}
+
+.bottom-0 {
+ bottom: 0;
+}
+
+.left-0 {
+ left: 0;
+}
+
+.top-auto {
+ top: auto;
+}
+
+.right-auto {
+ right: auto;
+}
+
+.bottom-auto {
+ bottom: auto;
+}
+
+.left-auto {
+ left: auto;
+}
+
+.resize-none {
+ resize: none;
+}
+
+.resize-y {
+ resize: vertical;
+}
+
+.resize-x {
+ resize: horizontal;
+}
+
+.resize {
+ resize: both;
+}
+
+.shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.shadow-none {
+ box-shadow: none;
+}
+
+.hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.hover\:shadow-none:hover {
+ box-shadow: none;
+}
+
+.focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.focus\:shadow-none:focus {
+ box-shadow: none;
+}
+
+.fill-current {
+ fill: currentColor;
+}
+
+.stroke-current {
+ stroke: currentColor;
+}
+
+.stroke-0 {
+ stroke-width: 0;
+}
+
+.stroke-1 {
+ stroke-width: 1;
+}
+
+.stroke-2 {
+ stroke-width: 2;
+}
+
+.table-auto {
+ table-layout: auto;
+}
+
+.table-fixed {
+ table-layout: fixed;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.text-right {
+ text-align: right;
+}
+
+.text-justify {
+ text-align: justify;
+}
+
+.text-transparent {
+ color: transparent;
+}
+
+.text-current {
+ color: currentColor;
+}
+
+.text-black {
+ color: #000;
+}
+
+.text-white {
+ color: #fff;
+}
+
+.text-gray-100 {
+ color: #f7fafc;
+}
+
+.text-gray-200 {
+ color: #edf2f7;
+}
+
+.text-gray-300 {
+ color: #e2e8f0;
+}
+
+.text-gray-400 {
+ color: #cbd5e0;
+}
+
+.text-gray-500 {
+ color: #a0aec0;
+}
+
+.text-gray-600 {
+ color: #718096;
+}
+
+.text-gray-700 {
+ color: #4a5568;
+}
+
+.text-gray-800 {
+ color: #2d3748;
+}
+
+.text-gray-900 {
+ color: #1a202c;
+}
+
+.text-red-100 {
+ color: #fff5f5;
+}
+
+.text-red-200 {
+ color: #fed7d7;
+}
+
+.text-red-300 {
+ color: #feb2b2;
+}
+
+.text-red-400 {
+ color: #fc8181;
+}
+
+.text-red-500 {
+ color: #f56565;
+}
+
+.text-red-600 {
+ color: #e53e3e;
+}
+
+.text-red-700 {
+ color: #c53030;
+}
+
+.text-red-800 {
+ color: #9b2c2c;
+}
+
+.text-red-900 {
+ color: #742a2a;
+}
+
+.text-orange-100 {
+ color: #fffaf0;
+}
+
+.text-orange-200 {
+ color: #feebc8;
+}
+
+.text-orange-300 {
+ color: #fbd38d;
+}
+
+.text-orange-400 {
+ color: #f6ad55;
+}
+
+.text-orange-500 {
+ color: #ed8936;
+}
+
+.text-orange-600 {
+ color: #dd6b20;
+}
+
+.text-orange-700 {
+ color: #c05621;
+}
+
+.text-orange-800 {
+ color: #9c4221;
+}
+
+.text-orange-900 {
+ color: #7b341e;
+}
+
+.text-yellow-100 {
+ color: #fffff0;
+}
+
+.text-yellow-200 {
+ color: #fefcbf;
+}
+
+.text-yellow-300 {
+ color: #faf089;
+}
+
+.text-yellow-400 {
+ color: #f6e05e;
+}
+
+.text-yellow-500 {
+ color: #ecc94b;
+}
+
+.text-yellow-600 {
+ color: #d69e2e;
+}
+
+.text-yellow-700 {
+ color: #b7791f;
+}
+
+.text-yellow-800 {
+ color: #975a16;
+}
+
+.text-yellow-900 {
+ color: #744210;
+}
+
+.text-green-100 {
+ color: #f0fff4;
+}
+
+.text-green-200 {
+ color: #c6f6d5;
+}
+
+.text-green-300 {
+ color: #9ae6b4;
+}
+
+.text-green-400 {
+ color: #68d391;
+}
+
+.text-green-500 {
+ color: #48bb78;
+}
+
+.text-green-600 {
+ color: #38a169;
+}
+
+.text-green-700 {
+ color: #2f855a;
+}
+
+.text-green-800 {
+ color: #276749;
+}
+
+.text-green-900 {
+ color: #22543d;
+}
+
+.text-teal-100 {
+ color: #e6fffa;
+}
+
+.text-teal-200 {
+ color: #b2f5ea;
+}
+
+.text-teal-300 {
+ color: #81e6d9;
+}
+
+.text-teal-400 {
+ color: #4fd1c5;
+}
+
+.text-teal-500 {
+ color: #38b2ac;
+}
+
+.text-teal-600 {
+ color: #319795;
+}
+
+.text-teal-700 {
+ color: #2c7a7b;
+}
+
+.text-teal-800 {
+ color: #285e61;
+}
+
+.text-teal-900 {
+ color: #234e52;
+}
+
+.text-blue-100 {
+ color: #ebf8ff;
+}
+
+.text-blue-200 {
+ color: #bee3f8;
+}
+
+.text-blue-300 {
+ color: #90cdf4;
+}
+
+.text-blue-400 {
+ color: #63b3ed;
+}
+
+.text-blue-500 {
+ color: #4299e1;
+}
+
+.text-blue-600 {
+ color: #3182ce;
+}
+
+.text-blue-700 {
+ color: #2b6cb0;
+}
+
+.text-blue-800 {
+ color: #2c5282;
+}
+
+.text-blue-900 {
+ color: #2a4365;
+}
+
+.text-indigo-100 {
+ color: #ebf4ff;
+}
+
+.text-indigo-200 {
+ color: #c3dafe;
+}
+
+.text-indigo-300 {
+ color: #a3bffa;
+}
+
+.text-indigo-400 {
+ color: #7f9cf5;
+}
+
+.text-indigo-500 {
+ color: #667eea;
+}
+
+.text-indigo-600 {
+ color: #5a67d8;
+}
+
+.text-indigo-700 {
+ color: #4c51bf;
+}
+
+.text-indigo-800 {
+ color: #434190;
+}
+
+.text-indigo-900 {
+ color: #3c366b;
+}
+
+.text-purple-100 {
+ color: #faf5ff;
+}
+
+.text-purple-200 {
+ color: #e9d8fd;
+}
+
+.text-purple-300 {
+ color: #d6bcfa;
+}
+
+.text-purple-400 {
+ color: #b794f4;
+}
+
+.text-purple-500 {
+ color: #9f7aea;
+}
+
+.text-purple-600 {
+ color: #805ad5;
+}
+
+.text-purple-700 {
+ color: #6b46c1;
+}
+
+.text-purple-800 {
+ color: #553c9a;
+}
+
+.text-purple-900 {
+ color: #44337a;
+}
+
+.text-pink-100 {
+ color: #fff5f7;
+}
+
+.text-pink-200 {
+ color: #fed7e2;
+}
+
+.text-pink-300 {
+ color: #fbb6ce;
+}
+
+.text-pink-400 {
+ color: #f687b3;
+}
+
+.text-pink-500 {
+ color: #ed64a6;
+}
+
+.text-pink-600 {
+ color: #d53f8c;
+}
+
+.text-pink-700 {
+ color: #b83280;
+}
+
+.text-pink-800 {
+ color: #97266d;
+}
+
+.text-pink-900 {
+ color: #702459;
+}
+
+.hover\:text-transparent:hover {
+ color: transparent;
+}
+
+.hover\:text-current:hover {
+ color: currentColor;
+}
+
+.hover\:text-black:hover {
+ color: #000;
+}
+
+.hover\:text-white:hover {
+ color: #fff;
+}
+
+.hover\:text-gray-100:hover {
+ color: #f7fafc;
+}
+
+.hover\:text-gray-200:hover {
+ color: #edf2f7;
+}
+
+.hover\:text-gray-300:hover {
+ color: #e2e8f0;
+}
+
+.hover\:text-gray-400:hover {
+ color: #cbd5e0;
+}
+
+.hover\:text-gray-500:hover {
+ color: #a0aec0;
+}
+
+.hover\:text-gray-600:hover {
+ color: #718096;
+}
+
+.hover\:text-gray-700:hover {
+ color: #4a5568;
+}
+
+.hover\:text-gray-800:hover {
+ color: #2d3748;
+}
+
+.hover\:text-gray-900:hover {
+ color: #1a202c;
+}
+
+.hover\:text-red-100:hover {
+ color: #fff5f5;
+}
+
+.hover\:text-red-200:hover {
+ color: #fed7d7;
+}
+
+.hover\:text-red-300:hover {
+ color: #feb2b2;
+}
+
+.hover\:text-red-400:hover {
+ color: #fc8181;
+}
+
+.hover\:text-red-500:hover {
+ color: #f56565;
+}
+
+.hover\:text-red-600:hover {
+ color: #e53e3e;
+}
+
+.hover\:text-red-700:hover {
+ color: #c53030;
+}
+
+.hover\:text-red-800:hover {
+ color: #9b2c2c;
+}
+
+.hover\:text-red-900:hover {
+ color: #742a2a;
+}
+
+.hover\:text-orange-100:hover {
+ color: #fffaf0;
+}
+
+.hover\:text-orange-200:hover {
+ color: #feebc8;
+}
+
+.hover\:text-orange-300:hover {
+ color: #fbd38d;
+}
+
+.hover\:text-orange-400:hover {
+ color: #f6ad55;
+}
+
+.hover\:text-orange-500:hover {
+ color: #ed8936;
+}
+
+.hover\:text-orange-600:hover {
+ color: #dd6b20;
+}
+
+.hover\:text-orange-700:hover {
+ color: #c05621;
+}
+
+.hover\:text-orange-800:hover {
+ color: #9c4221;
+}
+
+.hover\:text-orange-900:hover {
+ color: #7b341e;
+}
+
+.hover\:text-yellow-100:hover {
+ color: #fffff0;
+}
+
+.hover\:text-yellow-200:hover {
+ color: #fefcbf;
+}
+
+.hover\:text-yellow-300:hover {
+ color: #faf089;
+}
+
+.hover\:text-yellow-400:hover {
+ color: #f6e05e;
+}
+
+.hover\:text-yellow-500:hover {
+ color: #ecc94b;
+}
+
+.hover\:text-yellow-600:hover {
+ color: #d69e2e;
+}
+
+.hover\:text-yellow-700:hover {
+ color: #b7791f;
+}
+
+.hover\:text-yellow-800:hover {
+ color: #975a16;
+}
+
+.hover\:text-yellow-900:hover {
+ color: #744210;
+}
+
+.hover\:text-green-100:hover {
+ color: #f0fff4;
+}
+
+.hover\:text-green-200:hover {
+ color: #c6f6d5;
+}
+
+.hover\:text-green-300:hover {
+ color: #9ae6b4;
+}
+
+.hover\:text-green-400:hover {
+ color: #68d391;
+}
+
+.hover\:text-green-500:hover {
+ color: #48bb78;
+}
+
+.hover\:text-green-600:hover {
+ color: #38a169;
+}
+
+.hover\:text-green-700:hover {
+ color: #2f855a;
+}
+
+.hover\:text-green-800:hover {
+ color: #276749;
+}
+
+.hover\:text-green-900:hover {
+ color: #22543d;
+}
+
+.hover\:text-teal-100:hover {
+ color: #e6fffa;
+}
+
+.hover\:text-teal-200:hover {
+ color: #b2f5ea;
+}
+
+.hover\:text-teal-300:hover {
+ color: #81e6d9;
+}
+
+.hover\:text-teal-400:hover {
+ color: #4fd1c5;
+}
+
+.hover\:text-teal-500:hover {
+ color: #38b2ac;
+}
+
+.hover\:text-teal-600:hover {
+ color: #319795;
+}
+
+.hover\:text-teal-700:hover {
+ color: #2c7a7b;
+}
+
+.hover\:text-teal-800:hover {
+ color: #285e61;
+}
+
+.hover\:text-teal-900:hover {
+ color: #234e52;
+}
+
+.hover\:text-blue-100:hover {
+ color: #ebf8ff;
+}
+
+.hover\:text-blue-200:hover {
+ color: #bee3f8;
+}
+
+.hover\:text-blue-300:hover {
+ color: #90cdf4;
+}
+
+.hover\:text-blue-400:hover {
+ color: #63b3ed;
+}
+
+.hover\:text-blue-500:hover {
+ color: #4299e1;
+}
+
+.hover\:text-blue-600:hover {
+ color: #3182ce;
+}
+
+.hover\:text-blue-700:hover {
+ color: #2b6cb0;
+}
+
+.hover\:text-blue-800:hover {
+ color: #2c5282;
+}
+
+.hover\:text-blue-900:hover {
+ color: #2a4365;
+}
+
+.hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+}
+
+.hover\:text-indigo-200:hover {
+ color: #c3dafe;
+}
+
+.hover\:text-indigo-300:hover {
+ color: #a3bffa;
+}
+
+.hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+}
+
+.hover\:text-indigo-500:hover {
+ color: #667eea;
+}
+
+.hover\:text-indigo-600:hover {
+ color: #5a67d8;
+}
+
+.hover\:text-indigo-700:hover {
+ color: #4c51bf;
+}
+
+.hover\:text-indigo-800:hover {
+ color: #434190;
+}
+
+.hover\:text-indigo-900:hover {
+ color: #3c366b;
+}
+
+.hover\:text-purple-100:hover {
+ color: #faf5ff;
+}
+
+.hover\:text-purple-200:hover {
+ color: #e9d8fd;
+}
+
+.hover\:text-purple-300:hover {
+ color: #d6bcfa;
+}
+
+.hover\:text-purple-400:hover {
+ color: #b794f4;
+}
+
+.hover\:text-purple-500:hover {
+ color: #9f7aea;
+}
+
+.hover\:text-purple-600:hover {
+ color: #805ad5;
+}
+
+.hover\:text-purple-700:hover {
+ color: #6b46c1;
+}
+
+.hover\:text-purple-800:hover {
+ color: #553c9a;
+}
+
+.hover\:text-purple-900:hover {
+ color: #44337a;
+}
+
+.hover\:text-pink-100:hover {
+ color: #fff5f7;
+}
+
+.hover\:text-pink-200:hover {
+ color: #fed7e2;
+}
+
+.hover\:text-pink-300:hover {
+ color: #fbb6ce;
+}
+
+.hover\:text-pink-400:hover {
+ color: #f687b3;
+}
+
+.hover\:text-pink-500:hover {
+ color: #ed64a6;
+}
+
+.hover\:text-pink-600:hover {
+ color: #d53f8c;
+}
+
+.hover\:text-pink-700:hover {
+ color: #b83280;
+}
+
+.hover\:text-pink-800:hover {
+ color: #97266d;
+}
+
+.hover\:text-pink-900:hover {
+ color: #702459;
+}
+
+.focus\:text-transparent:focus {
+ color: transparent;
+}
+
+.focus\:text-current:focus {
+ color: currentColor;
+}
+
+.focus\:text-black:focus {
+ color: #000;
+}
+
+.focus\:text-white:focus {
+ color: #fff;
+}
+
+.focus\:text-gray-100:focus {
+ color: #f7fafc;
+}
+
+.focus\:text-gray-200:focus {
+ color: #edf2f7;
+}
+
+.focus\:text-gray-300:focus {
+ color: #e2e8f0;
+}
+
+.focus\:text-gray-400:focus {
+ color: #cbd5e0;
+}
+
+.focus\:text-gray-500:focus {
+ color: #a0aec0;
+}
+
+.focus\:text-gray-600:focus {
+ color: #718096;
+}
+
+.focus\:text-gray-700:focus {
+ color: #4a5568;
+}
+
+.focus\:text-gray-800:focus {
+ color: #2d3748;
+}
+
+.focus\:text-gray-900:focus {
+ color: #1a202c;
+}
+
+.focus\:text-red-100:focus {
+ color: #fff5f5;
+}
+
+.focus\:text-red-200:focus {
+ color: #fed7d7;
+}
+
+.focus\:text-red-300:focus {
+ color: #feb2b2;
+}
+
+.focus\:text-red-400:focus {
+ color: #fc8181;
+}
+
+.focus\:text-red-500:focus {
+ color: #f56565;
+}
+
+.focus\:text-red-600:focus {
+ color: #e53e3e;
+}
+
+.focus\:text-red-700:focus {
+ color: #c53030;
+}
+
+.focus\:text-red-800:focus {
+ color: #9b2c2c;
+}
+
+.focus\:text-red-900:focus {
+ color: #742a2a;
+}
+
+.focus\:text-orange-100:focus {
+ color: #fffaf0;
+}
+
+.focus\:text-orange-200:focus {
+ color: #feebc8;
+}
+
+.focus\:text-orange-300:focus {
+ color: #fbd38d;
+}
+
+.focus\:text-orange-400:focus {
+ color: #f6ad55;
+}
+
+.focus\:text-orange-500:focus {
+ color: #ed8936;
+}
+
+.focus\:text-orange-600:focus {
+ color: #dd6b20;
+}
+
+.focus\:text-orange-700:focus {
+ color: #c05621;
+}
+
+.focus\:text-orange-800:focus {
+ color: #9c4221;
+}
+
+.focus\:text-orange-900:focus {
+ color: #7b341e;
+}
+
+.focus\:text-yellow-100:focus {
+ color: #fffff0;
+}
+
+.focus\:text-yellow-200:focus {
+ color: #fefcbf;
+}
+
+.focus\:text-yellow-300:focus {
+ color: #faf089;
+}
+
+.focus\:text-yellow-400:focus {
+ color: #f6e05e;
+}
+
+.focus\:text-yellow-500:focus {
+ color: #ecc94b;
+}
+
+.focus\:text-yellow-600:focus {
+ color: #d69e2e;
+}
+
+.focus\:text-yellow-700:focus {
+ color: #b7791f;
+}
+
+.focus\:text-yellow-800:focus {
+ color: #975a16;
+}
+
+.focus\:text-yellow-900:focus {
+ color: #744210;
+}
+
+.focus\:text-green-100:focus {
+ color: #f0fff4;
+}
+
+.focus\:text-green-200:focus {
+ color: #c6f6d5;
+}
+
+.focus\:text-green-300:focus {
+ color: #9ae6b4;
+}
+
+.focus\:text-green-400:focus {
+ color: #68d391;
+}
+
+.focus\:text-green-500:focus {
+ color: #48bb78;
+}
+
+.focus\:text-green-600:focus {
+ color: #38a169;
+}
+
+.focus\:text-green-700:focus {
+ color: #2f855a;
+}
+
+.focus\:text-green-800:focus {
+ color: #276749;
+}
+
+.focus\:text-green-900:focus {
+ color: #22543d;
+}
+
+.focus\:text-teal-100:focus {
+ color: #e6fffa;
+}
+
+.focus\:text-teal-200:focus {
+ color: #b2f5ea;
+}
+
+.focus\:text-teal-300:focus {
+ color: #81e6d9;
+}
+
+.focus\:text-teal-400:focus {
+ color: #4fd1c5;
+}
+
+.focus\:text-teal-500:focus {
+ color: #38b2ac;
+}
+
+.focus\:text-teal-600:focus {
+ color: #319795;
+}
+
+.focus\:text-teal-700:focus {
+ color: #2c7a7b;
+}
+
+.focus\:text-teal-800:focus {
+ color: #285e61;
+}
+
+.focus\:text-teal-900:focus {
+ color: #234e52;
+}
+
+.focus\:text-blue-100:focus {
+ color: #ebf8ff;
+}
+
+.focus\:text-blue-200:focus {
+ color: #bee3f8;
+}
+
+.focus\:text-blue-300:focus {
+ color: #90cdf4;
+}
+
+.focus\:text-blue-400:focus {
+ color: #63b3ed;
+}
+
+.focus\:text-blue-500:focus {
+ color: #4299e1;
+}
+
+.focus\:text-blue-600:focus {
+ color: #3182ce;
+}
+
+.focus\:text-blue-700:focus {
+ color: #2b6cb0;
+}
+
+.focus\:text-blue-800:focus {
+ color: #2c5282;
+}
+
+.focus\:text-blue-900:focus {
+ color: #2a4365;
+}
+
+.focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+}
+
+.focus\:text-indigo-200:focus {
+ color: #c3dafe;
+}
+
+.focus\:text-indigo-300:focus {
+ color: #a3bffa;
+}
+
+.focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+}
+
+.focus\:text-indigo-500:focus {
+ color: #667eea;
+}
+
+.focus\:text-indigo-600:focus {
+ color: #5a67d8;
+}
+
+.focus\:text-indigo-700:focus {
+ color: #4c51bf;
+}
+
+.focus\:text-indigo-800:focus {
+ color: #434190;
+}
+
+.focus\:text-indigo-900:focus {
+ color: #3c366b;
+}
+
+.focus\:text-purple-100:focus {
+ color: #faf5ff;
+}
+
+.focus\:text-purple-200:focus {
+ color: #e9d8fd;
+}
+
+.focus\:text-purple-300:focus {
+ color: #d6bcfa;
+}
+
+.focus\:text-purple-400:focus {
+ color: #b794f4;
+}
+
+.focus\:text-purple-500:focus {
+ color: #9f7aea;
+}
+
+.focus\:text-purple-600:focus {
+ color: #805ad5;
+}
+
+.focus\:text-purple-700:focus {
+ color: #6b46c1;
+}
+
+.focus\:text-purple-800:focus {
+ color: #553c9a;
+}
+
+.focus\:text-purple-900:focus {
+ color: #44337a;
+}
+
+.focus\:text-pink-100:focus {
+ color: #fff5f7;
+}
+
+.focus\:text-pink-200:focus {
+ color: #fed7e2;
+}
+
+.focus\:text-pink-300:focus {
+ color: #fbb6ce;
+}
+
+.focus\:text-pink-400:focus {
+ color: #f687b3;
+}
+
+.focus\:text-pink-500:focus {
+ color: #ed64a6;
+}
+
+.focus\:text-pink-600:focus {
+ color: #d53f8c;
+}
+
+.focus\:text-pink-700:focus {
+ color: #b83280;
+}
+
+.focus\:text-pink-800:focus {
+ color: #97266d;
+}
+
+.focus\:text-pink-900:focus {
+ color: #702459;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.not-italic {
+ font-style: normal;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+.lowercase {
+ text-transform: lowercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+.normal-case {
+ text-transform: none;
+}
+
+.underline {
+ text-decoration: underline;
+}
+
+.line-through {
+ text-decoration: line-through;
+}
+
+.no-underline {
+ 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;
+}
+
+.tracking-tighter {
+ letter-spacing: -0.05em;
+}
+
+.tracking-tight {
+ letter-spacing: -0.025em;
+}
+
+.tracking-normal {
+ letter-spacing: 0;
+}
+
+.tracking-wide {
+ letter-spacing: 0.025em;
+}
+
+.tracking-wider {
+ letter-spacing: 0.05em;
+}
+
+.tracking-widest {
+ letter-spacing: 0.1em;
+}
+
+.select-none {
+ user-select: none;
+}
+
+.select-text {
+ user-select: text;
+}
+
+.select-all {
+ user-select: all;
+}
+
+.select-auto {
+ user-select: auto;
+}
+
+.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;
+}
+
+.visible {
+ visibility: visible;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.whitespace-normal {
+ white-space: normal;
+}
+
+.whitespace-no-wrap {
+ white-space: nowrap;
+}
+
+.whitespace-pre {
+ white-space: pre;
+}
+
+.whitespace-pre-line {
+ white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+ white-space: pre-wrap;
+}
+
+.break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+}
+
+.break-words {
+ overflow-wrap: break-word;
+}
+
+.break-all {
+ word-break: break-all;
+}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.w-0 {
+ width: 0;
+}
+
+.w-1 {
+ width: 0.25rem;
+}
+
+.w-2 {
+ width: 0.5rem;
+}
+
+.w-3 {
+ width: 0.75rem;
+}
+
+.w-4 {
+ width: 1rem;
+}
+
+.w-5 {
+ width: 1.25rem;
+}
+
+.w-6 {
+ width: 1.5rem;
+}
+
+.w-8 {
+ width: 2rem;
+}
+
+.w-10 {
+ width: 2.5rem;
+}
+
+.w-12 {
+ width: 3rem;
+}
+
+.w-16 {
+ width: 4rem;
+}
+
+.w-20 {
+ width: 5rem;
+}
+
+.w-24 {
+ width: 6rem;
+}
+
+.w-32 {
+ width: 8rem;
+}
+
+.w-40 {
+ width: 10rem;
+}
+
+.w-48 {
+ width: 12rem;
+}
+
+.w-56 {
+ width: 14rem;
+}
+
+.w-64 {
+ width: 16rem;
+}
+
+.w-auto {
+ width: auto;
+}
+
+.w-px {
+ width: 1px;
+}
+
+.w-1\/2 {
+ width: 50%;
+}
+
+.w-1\/3 {
+ width: 33.333333%;
+}
+
+.w-2\/3 {
+ width: 66.666667%;
+}
+
+.w-1\/4 {
+ width: 25%;
+}
+
+.w-2\/4 {
+ width: 50%;
+}
+
+.w-3\/4 {
+ width: 75%;
+}
+
+.w-1\/5 {
+ width: 20%;
+}
+
+.w-2\/5 {
+ width: 40%;
+}
+
+.w-3\/5 {
+ width: 60%;
+}
+
+.w-4\/5 {
+ width: 80%;
+}
+
+.w-1\/6 {
+ width: 16.666667%;
+}
+
+.w-2\/6 {
+ width: 33.333333%;
+}
+
+.w-3\/6 {
+ width: 50%;
+}
+
+.w-4\/6 {
+ width: 66.666667%;
+}
+
+.w-5\/6 {
+ width: 83.333333%;
+}
+
+.w-1\/12 {
+ width: 8.333333%;
+}
+
+.w-2\/12 {
+ width: 16.666667%;
+}
+
+.w-3\/12 {
+ width: 25%;
+}
+
+.w-4\/12 {
+ width: 33.333333%;
+}
+
+.w-5\/12 {
+ width: 41.666667%;
+}
+
+.w-6\/12 {
+ width: 50%;
+}
+
+.w-7\/12 {
+ width: 58.333333%;
+}
+
+.w-8\/12 {
+ width: 66.666667%;
+}
+
+.w-9\/12 {
+ width: 75%;
+}
+
+.w-10\/12 {
+ width: 83.333333%;
+}
+
+.w-11\/12 {
+ width: 91.666667%;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.w-screen {
+ width: 100vw;
+}
+
+.z-0 {
+ z-index: 0;
+}
+
+.z-10 {
+ z-index: 10;
+}
+
+.z-20 {
+ z-index: 20;
+}
+
+.z-30 {
+ z-index: 30;
+}
+
+.z-40 {
+ z-index: 40;
+}
+
+.z-50 {
+ z-index: 50;
+}
+
+.z-auto {
+ z-index: auto;
+}
+
+.origin-center {
+ transform-origin: center;
+}
+
+.origin-top {
+ transform-origin: top;
+}
+
+.origin-top-right {
+ transform-origin: top right;
+}
+
+.origin-right {
+ transform-origin: right;
+}
+
+.origin-bottom-right {
+ transform-origin: bottom right;
+}
+
+.origin-bottom {
+ transform-origin: bottom;
+}
+
+.origin-bottom-left {
+ transform-origin: bottom left;
+}
+
+.origin-left {
+ transform-origin: left;
+}
+
+.origin-top-left {
+ transform-origin: top left;
+}
+
+.scale-0 {
+ transform: scale(0);
+}
+
+.scale-50 {
+ transform: scale(.5);
+}
+
+.scale-75 {
+ transform: scale(.75);
+}
+
+.scale-90 {
+ transform: scale(.9);
+}
+
+.scale-95 {
+ transform: scale(.95);
+}
+
+.scale-100 {
+ transform: scale(1);
+}
+
+.scale-105 {
+ transform: scale(1.05);
+}
+
+.scale-110 {
+ transform: scale(1.1);
+}
+
+.scale-125 {
+ transform: scale(1.25);
+}
+
+.scale-150 {
+ transform: scale(1.5);
+}
+
+.scale-x-0 {
+ transform: scaleX(0);
+}
+
+.scale-x-50 {
+ transform: scaleX(.5);
+}
+
+.scale-x-75 {
+ transform: scaleX(.75);
+}
+
+.scale-x-90 {
+ transform: scaleX(.9);
+}
+
+.scale-x-95 {
+ transform: scaleX(.95);
+}
+
+.scale-x-100 {
+ transform: scaleX(1);
+}
+
+.scale-x-105 {
+ transform: scaleX(1.05);
+}
+
+.scale-x-110 {
+ transform: scaleX(1.1);
+}
+
+.scale-x-125 {
+ transform: scaleX(1.25);
+}
+
+.scale-x-150 {
+ transform: scaleX(1.5);
+}
+
+.scale-y-0 {
+ transform: scaleY(0);
+}
+
+.scale-y-50 {
+ transform: scaleY(.5);
+}
+
+.scale-y-75 {
+ transform: scaleY(.75);
+}
+
+.scale-y-90 {
+ transform: scaleY(.9);
+}
+
+.scale-y-95 {
+ transform: scaleY(.95);
+}
+
+.scale-y-100 {
+ transform: scaleY(1);
+}
+
+.scale-y-105 {
+ transform: scaleY(1.05);
+}
+
+.scale-y-110 {
+ transform: scaleY(1.1);
+}
+
+.scale-y-125 {
+ transform: scaleY(1.25);
+}
+
+.scale-y-150 {
+ transform: scaleY(1.5);
+}
+
+.hover\:scale-0:hover {
+ transform: scale(0);
+}
+
+.hover\:scale-50:hover {
+ transform: scale(.5);
+}
+
+.hover\:scale-75:hover {
+ transform: scale(.75);
+}
+
+.hover\:scale-90:hover {
+ transform: scale(.9);
+}
+
+.hover\:scale-95:hover {
+ transform: scale(.95);
+}
+
+.hover\:scale-100:hover {
+ transform: scale(1);
+}
+
+.hover\:scale-105:hover {
+ transform: scale(1.05);
+}
+
+.hover\:scale-110:hover {
+ transform: scale(1.1);
+}
+
+.hover\:scale-125:hover {
+ transform: scale(1.25);
+}
+
+.hover\:scale-150:hover {
+ transform: scale(1.5);
+}
+
+.hover\:scale-x-0:hover {
+ transform: scaleX(0);
+}
+
+.hover\:scale-x-50:hover {
+ transform: scaleX(.5);
+}
+
+.hover\:scale-x-75:hover {
+ transform: scaleX(.75);
+}
+
+.hover\:scale-x-90:hover {
+ transform: scaleX(.9);
+}
+
+.hover\:scale-x-95:hover {
+ transform: scaleX(.95);
+}
+
+.hover\:scale-x-100:hover {
+ transform: scaleX(1);
+}
+
+.hover\:scale-x-105:hover {
+ transform: scaleX(1.05);
+}
+
+.hover\:scale-x-110:hover {
+ transform: scaleX(1.1);
+}
+
+.hover\:scale-x-125:hover {
+ transform: scaleX(1.25);
+}
+
+.hover\:scale-x-150:hover {
+ transform: scaleX(1.5);
+}
+
+.hover\:scale-y-0:hover {
+ transform: scaleY(0);
+}
+
+.hover\:scale-y-50:hover {
+ transform: scaleY(.5);
+}
+
+.hover\:scale-y-75:hover {
+ transform: scaleY(.75);
+}
+
+.hover\:scale-y-90:hover {
+ transform: scaleY(.9);
+}
+
+.hover\:scale-y-95:hover {
+ transform: scaleY(.95);
+}
+
+.hover\:scale-y-100:hover {
+ transform: scaleY(1);
+}
+
+.hover\:scale-y-105:hover {
+ transform: scaleY(1.05);
+}
+
+.hover\:scale-y-110:hover {
+ transform: scaleY(1.1);
+}
+
+.hover\:scale-y-125:hover {
+ transform: scaleY(1.25);
+}
+
+.hover\:scale-y-150:hover {
+ transform: scaleY(1.5);
+}
+
+.focus\:scale-0:focus {
+ transform: scale(0);
+}
+
+.focus\:scale-50:focus {
+ transform: scale(.5);
+}
+
+.focus\:scale-75:focus {
+ transform: scale(.75);
+}
+
+.focus\:scale-90:focus {
+ transform: scale(.9);
+}
+
+.focus\:scale-95:focus {
+ transform: scale(.95);
+}
+
+.focus\:scale-100:focus {
+ transform: scale(1);
+}
+
+.focus\:scale-105:focus {
+ transform: scale(1.05);
+}
+
+.focus\:scale-110:focus {
+ transform: scale(1.1);
+}
+
+.focus\:scale-125:focus {
+ transform: scale(1.25);
+}
+
+.focus\:scale-150:focus {
+ transform: scale(1.5);
+}
+
+.focus\:scale-x-0:focus {
+ transform: scaleX(0);
+}
+
+.focus\:scale-x-50:focus {
+ transform: scaleX(.5);
+}
+
+.focus\:scale-x-75:focus {
+ transform: scaleX(.75);
+}
+
+.focus\:scale-x-90:focus {
+ transform: scaleX(.9);
+}
+
+.focus\:scale-x-95:focus {
+ transform: scaleX(.95);
+}
+
+.focus\:scale-x-100:focus {
+ transform: scaleX(1);
+}
+
+.focus\:scale-x-105:focus {
+ transform: scaleX(1.05);
+}
+
+.focus\:scale-x-110:focus {
+ transform: scaleX(1.1);
+}
+
+.focus\:scale-x-125:focus {
+ transform: scaleX(1.25);
+}
+
+.focus\:scale-x-150:focus {
+ transform: scaleX(1.5);
+}
+
+.focus\:scale-y-0:focus {
+ transform: scaleY(0);
+}
+
+.focus\:scale-y-50:focus {
+ transform: scaleY(.5);
+}
+
+.focus\:scale-y-75:focus {
+ transform: scaleY(.75);
+}
+
+.focus\:scale-y-90:focus {
+ transform: scaleY(.9);
+}
+
+.focus\:scale-y-95:focus {
+ transform: scaleY(.95);
+}
+
+.focus\:scale-y-100:focus {
+ transform: scaleY(1);
+}
+
+.focus\:scale-y-105:focus {
+ transform: scaleY(1.05);
+}
+
+.focus\:scale-y-110:focus {
+ transform: scaleY(1.1);
+}
+
+.focus\:scale-y-125:focus {
+ transform: scaleY(1.25);
+}
+
+.focus\:scale-y-150:focus {
+ transform: scaleY(1.5);
+}
+
+.rotate-0 {
+ transform: rotate(0);
+}
+
+.rotate-45 {
+ transform: rotate(45deg);
+}
+
+.rotate-90 {
+ transform: rotate(90deg);
+}
+
+.rotate-180 {
+ transform: rotate(180deg);
+}
+
+.-rotate-180 {
+ transform: rotate(-180deg);
+}
+
+.-rotate-90 {
+ transform: rotate(-90deg);
+}
+
+.-rotate-45 {
+ transform: rotate(-45deg);
+}
+
+.hover\:rotate-0:hover {
+ transform: rotate(0);
+}
+
+.hover\:rotate-45:hover {
+ transform: rotate(45deg);
+}
+
+.hover\:rotate-90:hover {
+ transform: rotate(90deg);
+}
+
+.hover\:rotate-180:hover {
+ transform: rotate(180deg);
+}
+
+.hover\:-rotate-180:hover {
+ transform: rotate(-180deg);
+}
+
+.hover\:-rotate-90:hover {
+ transform: rotate(-90deg);
+}
+
+.hover\:-rotate-45:hover {
+ transform: rotate(-45deg);
+}
+
+.focus\:rotate-0:focus {
+ transform: rotate(0);
+}
+
+.focus\:rotate-45:focus {
+ transform: rotate(45deg);
+}
+
+.focus\:rotate-90:focus {
+ transform: rotate(90deg);
+}
+
+.focus\:rotate-180:focus {
+ transform: rotate(180deg);
+}
+
+.focus\:-rotate-180:focus {
+ transform: rotate(-180deg);
+}
+
+.focus\:-rotate-90:focus {
+ transform: rotate(-90deg);
+}
+
+.focus\:-rotate-45:focus {
+ transform: rotate(-45deg);
+}
+
+.translate-x-0 {
+ transform: translateX(0);
+}
+
+.translate-x-1 {
+ transform: translateX(0.25rem);
+}
+
+.translate-x-2 {
+ transform: translateX(0.5rem);
+}
+
+.translate-x-3 {
+ transform: translateX(0.75rem);
+}
+
+.translate-x-4 {
+ transform: translateX(1rem);
+}
+
+.translate-x-5 {
+ transform: translateX(1.25rem);
+}
+
+.translate-x-6 {
+ transform: translateX(1.5rem);
+}
+
+.translate-x-8 {
+ transform: translateX(2rem);
+}
+
+.translate-x-10 {
+ transform: translateX(2.5rem);
+}
+
+.translate-x-12 {
+ transform: translateX(3rem);
+}
+
+.translate-x-16 {
+ transform: translateX(4rem);
+}
+
+.translate-x-20 {
+ transform: translateX(5rem);
+}
+
+.translate-x-24 {
+ transform: translateX(6rem);
+}
+
+.translate-x-32 {
+ transform: translateX(8rem);
+}
+
+.translate-x-40 {
+ transform: translateX(10rem);
+}
+
+.translate-x-48 {
+ transform: translateX(12rem);
+}
+
+.translate-x-56 {
+ transform: translateX(14rem);
+}
+
+.translate-x-64 {
+ transform: translateX(16rem);
+}
+
+.translate-x-px {
+ transform: translateX(1px);
+}
+
+.-translate-x-1 {
+ transform: translateX(-0.25rem);
+}
+
+.-translate-x-2 {
+ transform: translateX(-0.5rem);
+}
+
+.-translate-x-3 {
+ transform: translateX(-0.75rem);
+}
+
+.-translate-x-4 {
+ transform: translateX(-1rem);
+}
+
+.-translate-x-5 {
+ transform: translateX(-1.25rem);
+}
+
+.-translate-x-6 {
+ transform: translateX(-1.5rem);
+}
+
+.-translate-x-8 {
+ transform: translateX(-2rem);
+}
+
+.-translate-x-10 {
+ transform: translateX(-2.5rem);
+}
+
+.-translate-x-12 {
+ transform: translateX(-3rem);
+}
+
+.-translate-x-16 {
+ transform: translateX(-4rem);
+}
+
+.-translate-x-20 {
+ transform: translateX(-5rem);
+}
+
+.-translate-x-24 {
+ transform: translateX(-6rem);
+}
+
+.-translate-x-32 {
+ transform: translateX(-8rem);
+}
+
+.-translate-x-40 {
+ transform: translateX(-10rem);
+}
+
+.-translate-x-48 {
+ transform: translateX(-12rem);
+}
+
+.-translate-x-56 {
+ transform: translateX(-14rem);
+}
+
+.-translate-x-64 {
+ transform: translateX(-16rem);
+}
+
+.-translate-x-px {
+ transform: translateX(-1px);
+}
+
+.-translate-x-full {
+ transform: translateX(-100%);
+}
+
+.-translate-x-1\/2 {
+ transform: translateX(-50%);
+}
+
+.translate-x-1\/2 {
+ transform: translateX(50%);
+}
+
+.translate-x-full {
+ transform: translateX(100%);
+}
+
+.translate-y-0 {
+ transform: translateY(0);
+}
+
+.translate-y-1 {
+ transform: translateY(0.25rem);
+}
+
+.translate-y-2 {
+ transform: translateY(0.5rem);
+}
+
+.translate-y-3 {
+ transform: translateY(0.75rem);
+}
+
+.translate-y-4 {
+ transform: translateY(1rem);
+}
+
+.translate-y-5 {
+ transform: translateY(1.25rem);
+}
+
+.translate-y-6 {
+ transform: translateY(1.5rem);
+}
+
+.translate-y-8 {
+ transform: translateY(2rem);
+}
+
+.translate-y-10 {
+ transform: translateY(2.5rem);
+}
+
+.translate-y-12 {
+ transform: translateY(3rem);
+}
+
+.translate-y-16 {
+ transform: translateY(4rem);
+}
+
+.translate-y-20 {
+ transform: translateY(5rem);
+}
+
+.translate-y-24 {
+ transform: translateY(6rem);
+}
+
+.translate-y-32 {
+ transform: translateY(8rem);
+}
+
+.translate-y-40 {
+ transform: translateY(10rem);
+}
+
+.translate-y-48 {
+ transform: translateY(12rem);
+}
+
+.translate-y-56 {
+ transform: translateY(14rem);
+}
+
+.translate-y-64 {
+ transform: translateY(16rem);
+}
+
+.translate-y-px {
+ transform: translateY(1px);
+}
+
+.-translate-y-1 {
+ transform: translateY(-0.25rem);
+}
+
+.-translate-y-2 {
+ transform: translateY(-0.5rem);
+}
+
+.-translate-y-3 {
+ transform: translateY(-0.75rem);
+}
+
+.-translate-y-4 {
+ transform: translateY(-1rem);
+}
+
+.-translate-y-5 {
+ transform: translateY(-1.25rem);
+}
+
+.-translate-y-6 {
+ transform: translateY(-1.5rem);
+}
+
+.-translate-y-8 {
+ transform: translateY(-2rem);
+}
+
+.-translate-y-10 {
+ transform: translateY(-2.5rem);
+}
+
+.-translate-y-12 {
+ transform: translateY(-3rem);
+}
+
+.-translate-y-16 {
+ transform: translateY(-4rem);
+}
+
+.-translate-y-20 {
+ transform: translateY(-5rem);
+}
+
+.-translate-y-24 {
+ transform: translateY(-6rem);
+}
+
+.-translate-y-32 {
+ transform: translateY(-8rem);
+}
+
+.-translate-y-40 {
+ transform: translateY(-10rem);
+}
+
+.-translate-y-48 {
+ transform: translateY(-12rem);
+}
+
+.-translate-y-56 {
+ transform: translateY(-14rem);
+}
+
+.-translate-y-64 {
+ transform: translateY(-16rem);
+}
+
+.-translate-y-px {
+ transform: translateY(-1px);
+}
+
+.-translate-y-full {
+ transform: translateY(-100%);
+}
+
+.-translate-y-1\/2 {
+ transform: translateY(-50%);
+}
+
+.translate-y-1\/2 {
+ transform: translateY(50%);
+}
+
+.translate-y-full {
+ transform: translateY(100%);
+}
+
+.hover\:translate-x-0:hover {
+ transform: translateX(0);
+}
+
+.hover\:translate-x-1:hover {
+ transform: translateX(0.25rem);
+}
+
+.hover\:translate-x-2:hover {
+ transform: translateX(0.5rem);
+}
+
+.hover\:translate-x-3:hover {
+ transform: translateX(0.75rem);
+}
+
+.hover\:translate-x-4:hover {
+ transform: translateX(1rem);
+}
+
+.hover\:translate-x-5:hover {
+ transform: translateX(1.25rem);
+}
+
+.hover\:translate-x-6:hover {
+ transform: translateX(1.5rem);
+}
+
+.hover\:translate-x-8:hover {
+ transform: translateX(2rem);
+}
+
+.hover\:translate-x-10:hover {
+ transform: translateX(2.5rem);
+}
+
+.hover\:translate-x-12:hover {
+ transform: translateX(3rem);
+}
+
+.hover\:translate-x-16:hover {
+ transform: translateX(4rem);
+}
+
+.hover\:translate-x-20:hover {
+ transform: translateX(5rem);
+}
+
+.hover\:translate-x-24:hover {
+ transform: translateX(6rem);
+}
+
+.hover\:translate-x-32:hover {
+ transform: translateX(8rem);
+}
+
+.hover\:translate-x-40:hover {
+ transform: translateX(10rem);
+}
+
+.hover\:translate-x-48:hover {
+ transform: translateX(12rem);
+}
+
+.hover\:translate-x-56:hover {
+ transform: translateX(14rem);
+}
+
+.hover\:translate-x-64:hover {
+ transform: translateX(16rem);
+}
+
+.hover\:translate-x-px:hover {
+ transform: translateX(1px);
+}
+
+.hover\:-translate-x-1:hover {
+ transform: translateX(-0.25rem);
+}
+
+.hover\:-translate-x-2:hover {
+ transform: translateX(-0.5rem);
+}
+
+.hover\:-translate-x-3:hover {
+ transform: translateX(-0.75rem);
+}
+
+.hover\:-translate-x-4:hover {
+ transform: translateX(-1rem);
+}
+
+.hover\:-translate-x-5:hover {
+ transform: translateX(-1.25rem);
+}
+
+.hover\:-translate-x-6:hover {
+ transform: translateX(-1.5rem);
+}
+
+.hover\:-translate-x-8:hover {
+ transform: translateX(-2rem);
+}
+
+.hover\:-translate-x-10:hover {
+ transform: translateX(-2.5rem);
+}
+
+.hover\:-translate-x-12:hover {
+ transform: translateX(-3rem);
+}
+
+.hover\:-translate-x-16:hover {
+ transform: translateX(-4rem);
+}
+
+.hover\:-translate-x-20:hover {
+ transform: translateX(-5rem);
+}
+
+.hover\:-translate-x-24:hover {
+ transform: translateX(-6rem);
+}
+
+.hover\:-translate-x-32:hover {
+ transform: translateX(-8rem);
+}
+
+.hover\:-translate-x-40:hover {
+ transform: translateX(-10rem);
+}
+
+.hover\:-translate-x-48:hover {
+ transform: translateX(-12rem);
+}
+
+.hover\:-translate-x-56:hover {
+ transform: translateX(-14rem);
+}
+
+.hover\:-translate-x-64:hover {
+ transform: translateX(-16rem);
+}
+
+.hover\:-translate-x-px:hover {
+ transform: translateX(-1px);
+}
+
+.hover\:-translate-x-full:hover {
+ transform: translateX(-100%);
+}
+
+.hover\:-translate-x-1\/2:hover {
+ transform: translateX(-50%);
+}
+
+.hover\:translate-x-1\/2:hover {
+ transform: translateX(50%);
+}
+
+.hover\:translate-x-full:hover {
+ transform: translateX(100%);
+}
+
+.hover\:translate-y-0:hover {
+ transform: translateY(0);
+}
+
+.hover\:translate-y-1:hover {
+ transform: translateY(0.25rem);
+}
+
+.hover\:translate-y-2:hover {
+ transform: translateY(0.5rem);
+}
+
+.hover\:translate-y-3:hover {
+ transform: translateY(0.75rem);
+}
+
+.hover\:translate-y-4:hover {
+ transform: translateY(1rem);
+}
+
+.hover\:translate-y-5:hover {
+ transform: translateY(1.25rem);
+}
+
+.hover\:translate-y-6:hover {
+ transform: translateY(1.5rem);
+}
+
+.hover\:translate-y-8:hover {
+ transform: translateY(2rem);
+}
+
+.hover\:translate-y-10:hover {
+ transform: translateY(2.5rem);
+}
+
+.hover\:translate-y-12:hover {
+ transform: translateY(3rem);
+}
+
+.hover\:translate-y-16:hover {
+ transform: translateY(4rem);
+}
+
+.hover\:translate-y-20:hover {
+ transform: translateY(5rem);
+}
+
+.hover\:translate-y-24:hover {
+ transform: translateY(6rem);
+}
+
+.hover\:translate-y-32:hover {
+ transform: translateY(8rem);
+}
+
+.hover\:translate-y-40:hover {
+ transform: translateY(10rem);
+}
+
+.hover\:translate-y-48:hover {
+ transform: translateY(12rem);
+}
+
+.hover\:translate-y-56:hover {
+ transform: translateY(14rem);
+}
+
+.hover\:translate-y-64:hover {
+ transform: translateY(16rem);
+}
+
+.hover\:translate-y-px:hover {
+ transform: translateY(1px);
+}
+
+.hover\:-translate-y-1:hover {
+ transform: translateY(-0.25rem);
+}
+
+.hover\:-translate-y-2:hover {
+ transform: translateY(-0.5rem);
+}
+
+.hover\:-translate-y-3:hover {
+ transform: translateY(-0.75rem);
+}
+
+.hover\:-translate-y-4:hover {
+ transform: translateY(-1rem);
+}
+
+.hover\:-translate-y-5:hover {
+ transform: translateY(-1.25rem);
+}
+
+.hover\:-translate-y-6:hover {
+ transform: translateY(-1.5rem);
+}
+
+.hover\:-translate-y-8:hover {
+ transform: translateY(-2rem);
+}
+
+.hover\:-translate-y-10:hover {
+ transform: translateY(-2.5rem);
+}
+
+.hover\:-translate-y-12:hover {
+ transform: translateY(-3rem);
+}
+
+.hover\:-translate-y-16:hover {
+ transform: translateY(-4rem);
+}
+
+.hover\:-translate-y-20:hover {
+ transform: translateY(-5rem);
+}
+
+.hover\:-translate-y-24:hover {
+ transform: translateY(-6rem);
+}
+
+.hover\:-translate-y-32:hover {
+ transform: translateY(-8rem);
+}
+
+.hover\:-translate-y-40:hover {
+ transform: translateY(-10rem);
+}
+
+.hover\:-translate-y-48:hover {
+ transform: translateY(-12rem);
+}
+
+.hover\:-translate-y-56:hover {
+ transform: translateY(-14rem);
+}
+
+.hover\:-translate-y-64:hover {
+ transform: translateY(-16rem);
+}
+
+.hover\:-translate-y-px:hover {
+ transform: translateY(-1px);
+}
+
+.hover\:-translate-y-full:hover {
+ transform: translateY(-100%);
+}
+
+.hover\:-translate-y-1\/2:hover {
+ transform: translateY(-50%);
+}
+
+.hover\:translate-y-1\/2:hover {
+ transform: translateY(50%);
+}
+
+.hover\:translate-y-full:hover {
+ transform: translateY(100%);
+}
+
+.focus\:translate-x-0:focus {
+ transform: translateX(0);
+}
+
+.focus\:translate-x-1:focus {
+ transform: translateX(0.25rem);
+}
+
+.focus\:translate-x-2:focus {
+ transform: translateX(0.5rem);
+}
+
+.focus\:translate-x-3:focus {
+ transform: translateX(0.75rem);
+}
+
+.focus\:translate-x-4:focus {
+ transform: translateX(1rem);
+}
+
+.focus\:translate-x-5:focus {
+ transform: translateX(1.25rem);
+}
+
+.focus\:translate-x-6:focus {
+ transform: translateX(1.5rem);
+}
+
+.focus\:translate-x-8:focus {
+ transform: translateX(2rem);
+}
+
+.focus\:translate-x-10:focus {
+ transform: translateX(2.5rem);
+}
+
+.focus\:translate-x-12:focus {
+ transform: translateX(3rem);
+}
+
+.focus\:translate-x-16:focus {
+ transform: translateX(4rem);
+}
+
+.focus\:translate-x-20:focus {
+ transform: translateX(5rem);
+}
+
+.focus\:translate-x-24:focus {
+ transform: translateX(6rem);
+}
+
+.focus\:translate-x-32:focus {
+ transform: translateX(8rem);
+}
+
+.focus\:translate-x-40:focus {
+ transform: translateX(10rem);
+}
+
+.focus\:translate-x-48:focus {
+ transform: translateX(12rem);
+}
+
+.focus\:translate-x-56:focus {
+ transform: translateX(14rem);
+}
+
+.focus\:translate-x-64:focus {
+ transform: translateX(16rem);
+}
+
+.focus\:translate-x-px:focus {
+ transform: translateX(1px);
+}
+
+.focus\:-translate-x-1:focus {
+ transform: translateX(-0.25rem);
+}
+
+.focus\:-translate-x-2:focus {
+ transform: translateX(-0.5rem);
+}
+
+.focus\:-translate-x-3:focus {
+ transform: translateX(-0.75rem);
+}
+
+.focus\:-translate-x-4:focus {
+ transform: translateX(-1rem);
+}
+
+.focus\:-translate-x-5:focus {
+ transform: translateX(-1.25rem);
+}
+
+.focus\:-translate-x-6:focus {
+ transform: translateX(-1.5rem);
+}
+
+.focus\:-translate-x-8:focus {
+ transform: translateX(-2rem);
+}
+
+.focus\:-translate-x-10:focus {
+ transform: translateX(-2.5rem);
+}
+
+.focus\:-translate-x-12:focus {
+ transform: translateX(-3rem);
+}
+
+.focus\:-translate-x-16:focus {
+ transform: translateX(-4rem);
+}
+
+.focus\:-translate-x-20:focus {
+ transform: translateX(-5rem);
+}
+
+.focus\:-translate-x-24:focus {
+ transform: translateX(-6rem);
+}
+
+.focus\:-translate-x-32:focus {
+ transform: translateX(-8rem);
+}
+
+.focus\:-translate-x-40:focus {
+ transform: translateX(-10rem);
+}
+
+.focus\:-translate-x-48:focus {
+ transform: translateX(-12rem);
+}
+
+.focus\:-translate-x-56:focus {
+ transform: translateX(-14rem);
+}
+
+.focus\:-translate-x-64:focus {
+ transform: translateX(-16rem);
+}
+
+.focus\:-translate-x-px:focus {
+ transform: translateX(-1px);
+}
+
+.focus\:-translate-x-full:focus {
+ transform: translateX(-100%);
+}
+
+.focus\:-translate-x-1\/2:focus {
+ transform: translateX(-50%);
+}
+
+.focus\:translate-x-1\/2:focus {
+ transform: translateX(50%);
+}
+
+.focus\:translate-x-full:focus {
+ transform: translateX(100%);
+}
+
+.focus\:translate-y-0:focus {
+ transform: translateY(0);
+}
+
+.focus\:translate-y-1:focus {
+ transform: translateY(0.25rem);
+}
+
+.focus\:translate-y-2:focus {
+ transform: translateY(0.5rem);
+}
+
+.focus\:translate-y-3:focus {
+ transform: translateY(0.75rem);
+}
+
+.focus\:translate-y-4:focus {
+ transform: translateY(1rem);
+}
+
+.focus\:translate-y-5:focus {
+ transform: translateY(1.25rem);
+}
+
+.focus\:translate-y-6:focus {
+ transform: translateY(1.5rem);
+}
+
+.focus\:translate-y-8:focus {
+ transform: translateY(2rem);
+}
+
+.focus\:translate-y-10:focus {
+ transform: translateY(2.5rem);
+}
+
+.focus\:translate-y-12:focus {
+ transform: translateY(3rem);
+}
+
+.focus\:translate-y-16:focus {
+ transform: translateY(4rem);
+}
+
+.focus\:translate-y-20:focus {
+ transform: translateY(5rem);
+}
+
+.focus\:translate-y-24:focus {
+ transform: translateY(6rem);
+}
+
+.focus\:translate-y-32:focus {
+ transform: translateY(8rem);
+}
+
+.focus\:translate-y-40:focus {
+ transform: translateY(10rem);
+}
+
+.focus\:translate-y-48:focus {
+ transform: translateY(12rem);
+}
+
+.focus\:translate-y-56:focus {
+ transform: translateY(14rem);
+}
+
+.focus\:translate-y-64:focus {
+ transform: translateY(16rem);
+}
+
+.focus\:translate-y-px:focus {
+ transform: translateY(1px);
+}
+
+.focus\:-translate-y-1:focus {
+ transform: translateY(-0.25rem);
+}
+
+.focus\:-translate-y-2:focus {
+ transform: translateY(-0.5rem);
+}
+
+.focus\:-translate-y-3:focus {
+ transform: translateY(-0.75rem);
+}
+
+.focus\:-translate-y-4:focus {
+ transform: translateY(-1rem);
+}
+
+.focus\:-translate-y-5:focus {
+ transform: translateY(-1.25rem);
+}
+
+.focus\:-translate-y-6:focus {
+ transform: translateY(-1.5rem);
+}
+
+.focus\:-translate-y-8:focus {
+ transform: translateY(-2rem);
+}
+
+.focus\:-translate-y-10:focus {
+ transform: translateY(-2.5rem);
+}
+
+.focus\:-translate-y-12:focus {
+ transform: translateY(-3rem);
+}
+
+.focus\:-translate-y-16:focus {
+ transform: translateY(-4rem);
+}
+
+.focus\:-translate-y-20:focus {
+ transform: translateY(-5rem);
+}
+
+.focus\:-translate-y-24:focus {
+ transform: translateY(-6rem);
+}
+
+.focus\:-translate-y-32:focus {
+ transform: translateY(-8rem);
+}
+
+.focus\:-translate-y-40:focus {
+ transform: translateY(-10rem);
+}
+
+.focus\:-translate-y-48:focus {
+ transform: translateY(-12rem);
+}
+
+.focus\:-translate-y-56:focus {
+ transform: translateY(-14rem);
+}
+
+.focus\:-translate-y-64:focus {
+ transform: translateY(-16rem);
+}
+
+.focus\:-translate-y-px:focus {
+ transform: translateY(-1px);
+}
+
+.focus\:-translate-y-full:focus {
+ transform: translateY(-100%);
+}
+
+.focus\:-translate-y-1\/2:focus {
+ transform: translateY(-50%);
+}
+
+.focus\:translate-y-1\/2:focus {
+ transform: translateY(50%);
+}
+
+.focus\:translate-y-full:focus {
+ transform: translateY(100%);
+}
+
+.skew-x-0 {
+ transform: skewX(0);
+}
+
+.skew-x-3 {
+ transform: skewX(3deg);
+}
+
+.skew-x-6 {
+ transform: skewX(6deg);
+}
+
+.skew-x-12 {
+ transform: skewX(12deg);
+}
+
+.-skew-x-12 {
+ transform: skewX(-12deg);
+}
+
+.-skew-x-6 {
+ transform: skewX(-6deg);
+}
+
+.-skew-x-3 {
+ transform: skewX(-3deg);
+}
+
+.skew-y-0 {
+ transform: skewY(0);
+}
+
+.skew-y-3 {
+ transform: skewY(3deg);
+}
+
+.skew-y-6 {
+ transform: skewY(6deg);
+}
+
+.skew-y-12 {
+ transform: skewY(12deg);
+}
+
+.-skew-y-12 {
+ transform: skewY(-12deg);
+}
+
+.-skew-y-6 {
+ transform: skewY(-6deg);
+}
+
+.-skew-y-3 {
+ transform: skewY(-3deg);
+}
+
+.hover\:skew-x-0:hover {
+ transform: skewX(0);
+}
+
+.hover\:skew-x-3:hover {
+ transform: skewX(3deg);
+}
+
+.hover\:skew-x-6:hover {
+ transform: skewX(6deg);
+}
+
+.hover\:skew-x-12:hover {
+ transform: skewX(12deg);
+}
+
+.hover\:-skew-x-12:hover {
+ transform: skewX(-12deg);
+}
+
+.hover\:-skew-x-6:hover {
+ transform: skewX(-6deg);
+}
+
+.hover\:-skew-x-3:hover {
+ transform: skewX(-3deg);
+}
+
+.hover\:skew-y-0:hover {
+ transform: skewY(0);
+}
+
+.hover\:skew-y-3:hover {
+ transform: skewY(3deg);
+}
+
+.hover\:skew-y-6:hover {
+ transform: skewY(6deg);
+}
+
+.hover\:skew-y-12:hover {
+ transform: skewY(12deg);
+}
+
+.hover\:-skew-y-12:hover {
+ transform: skewY(-12deg);
+}
+
+.hover\:-skew-y-6:hover {
+ transform: skewY(-6deg);
+}
+
+.hover\:-skew-y-3:hover {
+ transform: skewY(-3deg);
+}
+
+.focus\:skew-x-0:focus {
+ transform: skewX(0);
+}
+
+.focus\:skew-x-3:focus {
+ transform: skewX(3deg);
+}
+
+.focus\:skew-x-6:focus {
+ transform: skewX(6deg);
+}
+
+.focus\:skew-x-12:focus {
+ transform: skewX(12deg);
+}
+
+.focus\:-skew-x-12:focus {
+ transform: skewX(-12deg);
+}
+
+.focus\:-skew-x-6:focus {
+ transform: skewX(-6deg);
+}
+
+.focus\:-skew-x-3:focus {
+ transform: skewX(-3deg);
+}
+
+.focus\:skew-y-0:focus {
+ transform: skewY(0);
+}
+
+.focus\:skew-y-3:focus {
+ transform: skewY(3deg);
+}
+
+.focus\:skew-y-6:focus {
+ transform: skewY(6deg);
+}
+
+.focus\:skew-y-12:focus {
+ transform: skewY(12deg);
+}
+
+.focus\:-skew-y-12:focus {
+ transform: skewY(-12deg);
+}
+
+.focus\:-skew-y-6:focus {
+ transform: skewY(-6deg);
+}
+
+.focus\:-skew-y-3:focus {
+ transform: skewY(-3deg);
+}
+
+.transition-none {
+ transition-property: none;
+}
+
+.transition-all {
+ transition-property: all;
+}
+
+.transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
+
+.transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+}
+
+.transition-opacity {
+ transition-property: opacity;
+}
+
+.transition-shadow {
+ transition-property: box-shadow;
+}
+
+.transition-transform {
+ transition-property: transform;
+}
+
+.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);
+}
+
+.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;
+}
+
+.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;
+}
+
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes ping {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: .5;
+ }
+}
+
+@keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
+ }
+
+ 50% {
+ transform: translateY(0);
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
+ }
+}
+
+.animate-none {
+ animation: none;
+}
+
+.animate-spin {
+ animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+ animation: bounce 1s infinite;
+}
+
+.example {
+ font-weight: 700;
+ color: #f56565;
+}
+
+@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;
+ }
+ }
+
+ .sm\:space-y-0 > :not(template) ~ :not(template) {
+ margin-top: 0;
+ }
+
+ .sm\:space-x-0 > :not(template) ~ :not(template) {
+ margin-left: 0;
+ }
+
+ .sm\:space-y-1 > :not(template) ~ :not(template) {
+ margin-top: 0.25rem;
+ }
+
+ .sm\:space-x-1 > :not(template) ~ :not(template) {
+ margin-left: 0.25rem;
+ }
+
+ .sm\:space-y-2 > :not(template) ~ :not(template) {
+ margin-top: 0.5rem;
+ }
+
+ .sm\:space-x-2 > :not(template) ~ :not(template) {
+ margin-left: 0.5rem;
+ }
+
+ .sm\:space-y-3 > :not(template) ~ :not(template) {
+ margin-top: 0.75rem;
+ }
+
+ .sm\:space-x-3 > :not(template) ~ :not(template) {
+ margin-left: 0.75rem;
+ }
+
+ .sm\:space-y-4 > :not(template) ~ :not(template) {
+ margin-top: 1rem;
+ }
+
+ .sm\:space-x-4 > :not(template) ~ :not(template) {
+ margin-left: 1rem;
+ }
+
+ .sm\:space-y-5 > :not(template) ~ :not(template) {
+ margin-top: 1.25rem;
+ }
+
+ .sm\:space-x-5 > :not(template) ~ :not(template) {
+ margin-left: 1.25rem;
+ }
+
+ .sm\:space-y-6 > :not(template) ~ :not(template) {
+ margin-top: 1.5rem;
+ }
+
+ .sm\:space-x-6 > :not(template) ~ :not(template) {
+ margin-left: 1.5rem;
+ }
+
+ .sm\:space-y-8 > :not(template) ~ :not(template) {
+ margin-top: 2rem;
+ }
+
+ .sm\:space-x-8 > :not(template) ~ :not(template) {
+ margin-left: 2rem;
+ }
+
+ .sm\:space-y-10 > :not(template) ~ :not(template) {
+ margin-top: 2.5rem;
+ }
+
+ .sm\:space-x-10 > :not(template) ~ :not(template) {
+ margin-left: 2.5rem;
+ }
+
+ .sm\:space-y-12 > :not(template) ~ :not(template) {
+ margin-top: 3rem;
+ }
+
+ .sm\:space-x-12 > :not(template) ~ :not(template) {
+ margin-left: 3rem;
+ }
+
+ .sm\:space-y-16 > :not(template) ~ :not(template) {
+ margin-top: 4rem;
+ }
+
+ .sm\:space-x-16 > :not(template) ~ :not(template) {
+ margin-left: 4rem;
+ }
+
+ .sm\:space-y-20 > :not(template) ~ :not(template) {
+ margin-top: 5rem;
+ }
+
+ .sm\:space-x-20 > :not(template) ~ :not(template) {
+ margin-left: 5rem;
+ }
+
+ .sm\:space-y-24 > :not(template) ~ :not(template) {
+ margin-top: 6rem;
+ }
+
+ .sm\:space-x-24 > :not(template) ~ :not(template) {
+ margin-left: 6rem;
+ }
+
+ .sm\:space-y-32 > :not(template) ~ :not(template) {
+ margin-top: 8rem;
+ }
+
+ .sm\:space-x-32 > :not(template) ~ :not(template) {
+ margin-left: 8rem;
+ }
+
+ .sm\:space-y-40 > :not(template) ~ :not(template) {
+ margin-top: 10rem;
+ }
+
+ .sm\:space-x-40 > :not(template) ~ :not(template) {
+ margin-left: 10rem;
+ }
+
+ .sm\:space-y-48 > :not(template) ~ :not(template) {
+ margin-top: 12rem;
+ }
+
+ .sm\:space-x-48 > :not(template) ~ :not(template) {
+ margin-left: 12rem;
+ }
+
+ .sm\:space-y-56 > :not(template) ~ :not(template) {
+ margin-top: 14rem;
+ }
+
+ .sm\:space-x-56 > :not(template) ~ :not(template) {
+ margin-left: 14rem;
+ }
+
+ .sm\:space-y-64 > :not(template) ~ :not(template) {
+ margin-top: 16rem;
+ }
+
+ .sm\:space-x-64 > :not(template) ~ :not(template) {
+ margin-left: 16rem;
+ }
+
+ .sm\:space-y-px > :not(template) ~ :not(template) {
+ margin-top: 1px;
+ }
+
+ .sm\:space-x-px > :not(template) ~ :not(template) {
+ margin-left: 1px;
+ }
+
+ .sm\:-space-y-1 > :not(template) ~ :not(template) {
+ margin-top: -0.25rem;
+ }
+
+ .sm\:-space-x-1 > :not(template) ~ :not(template) {
+ margin-left: -0.25rem;
+ }
+
+ .sm\:-space-y-2 > :not(template) ~ :not(template) {
+ margin-top: -0.5rem;
+ }
+
+ .sm\:-space-x-2 > :not(template) ~ :not(template) {
+ margin-left: -0.5rem;
+ }
+
+ .sm\:-space-y-3 > :not(template) ~ :not(template) {
+ margin-top: -0.75rem;
+ }
+
+ .sm\:-space-x-3 > :not(template) ~ :not(template) {
+ margin-left: -0.75rem;
+ }
+
+ .sm\:-space-y-4 > :not(template) ~ :not(template) {
+ margin-top: -1rem;
+ }
+
+ .sm\:-space-x-4 > :not(template) ~ :not(template) {
+ margin-left: -1rem;
+ }
+
+ .sm\:-space-y-5 > :not(template) ~ :not(template) {
+ margin-top: -1.25rem;
+ }
+
+ .sm\:-space-x-5 > :not(template) ~ :not(template) {
+ margin-left: -1.25rem;
+ }
+
+ .sm\:-space-y-6 > :not(template) ~ :not(template) {
+ margin-top: -1.5rem;
+ }
+
+ .sm\:-space-x-6 > :not(template) ~ :not(template) {
+ margin-left: -1.5rem;
+ }
+
+ .sm\:-space-y-8 > :not(template) ~ :not(template) {
+ margin-top: -2rem;
+ }
+
+ .sm\:-space-x-8 > :not(template) ~ :not(template) {
+ margin-left: -2rem;
+ }
+
+ .sm\:-space-y-10 > :not(template) ~ :not(template) {
+ margin-top: -2.5rem;
+ }
+
+ .sm\:-space-x-10 > :not(template) ~ :not(template) {
+ margin-left: -2.5rem;
+ }
+
+ .sm\:-space-y-12 > :not(template) ~ :not(template) {
+ margin-top: -3rem;
+ }
+
+ .sm\:-space-x-12 > :not(template) ~ :not(template) {
+ margin-left: -3rem;
+ }
+
+ .sm\:-space-y-16 > :not(template) ~ :not(template) {
+ margin-top: -4rem;
+ }
+
+ .sm\:-space-x-16 > :not(template) ~ :not(template) {
+ margin-left: -4rem;
+ }
+
+ .sm\:-space-y-20 > :not(template) ~ :not(template) {
+ margin-top: -5rem;
+ }
+
+ .sm\:-space-x-20 > :not(template) ~ :not(template) {
+ margin-left: -5rem;
+ }
+
+ .sm\:-space-y-24 > :not(template) ~ :not(template) {
+ margin-top: -6rem;
+ }
+
+ .sm\:-space-x-24 > :not(template) ~ :not(template) {
+ margin-left: -6rem;
+ }
+
+ .sm\:-space-y-32 > :not(template) ~ :not(template) {
+ margin-top: -8rem;
+ }
+
+ .sm\:-space-x-32 > :not(template) ~ :not(template) {
+ margin-left: -8rem;
+ }
+
+ .sm\:-space-y-40 > :not(template) ~ :not(template) {
+ margin-top: -10rem;
+ }
+
+ .sm\:-space-x-40 > :not(template) ~ :not(template) {
+ margin-left: -10rem;
+ }
+
+ .sm\:-space-y-48 > :not(template) ~ :not(template) {
+ margin-top: -12rem;
+ }
+
+ .sm\:-space-x-48 > :not(template) ~ :not(template) {
+ margin-left: -12rem;
+ }
+
+ .sm\:-space-y-56 > :not(template) ~ :not(template) {
+ margin-top: -14rem;
+ }
+
+ .sm\:-space-x-56 > :not(template) ~ :not(template) {
+ margin-left: -14rem;
+ }
+
+ .sm\:-space-y-64 > :not(template) ~ :not(template) {
+ margin-top: -16rem;
+ }
+
+ .sm\:-space-x-64 > :not(template) ~ :not(template) {
+ margin-left: -16rem;
+ }
+
+ .sm\:-space-y-px > :not(template) ~ :not(template) {
+ margin-top: -1px;
+ }
+
+ .sm\:-space-x-px > :not(template) ~ :not(template) {
+ margin-left: -1px;
+ }
+
+ .sm\:divide-y-0 > :not(template) ~ :not(template) {
+ border-top-width: 0;
+ }
+
+ .sm\:divide-x-0 > :not(template) ~ :not(template) {
+ border-left-width: 0;
+ }
+
+ .sm\:divide-y-2 > :not(template) ~ :not(template) {
+ border-top-width: 2px;
+ }
+
+ .sm\:divide-x-2 > :not(template) ~ :not(template) {
+ border-left-width: 2px;
+ }
+
+ .sm\:divide-y-4 > :not(template) ~ :not(template) {
+ border-top-width: 4px;
+ }
+
+ .sm\:divide-x-4 > :not(template) ~ :not(template) {
+ border-left-width: 4px;
+ }
+
+ .sm\:divide-y-8 > :not(template) ~ :not(template) {
+ border-top-width: 8px;
+ }
+
+ .sm\:divide-x-8 > :not(template) ~ :not(template) {
+ border-left-width: 8px;
+ }
+
+ .sm\:divide-y > :not(template) ~ :not(template) {
+ border-top-width: 1px;
+ }
+
+ .sm\:divide-x > :not(template) ~ :not(template) {
+ border-left-width: 1px;
+ }
+
+ .sm\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .sm\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .sm\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .sm\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .sm\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .sm\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .sm\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .sm\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .sm\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .sm\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .sm\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .sm\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .sm\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .sm\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .sm\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .sm\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .sm\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .sm\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .sm\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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\: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\:appearance-none {
+ appearance: none;
+ }
+
+ .sm\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .sm\:bg-local {
+ background-attachment: local;
+ }
+
+ .sm\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .sm\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .sm\:bg-current {
+ background-color: currentColor;
+ }
+
+ .sm\:bg-black {
+ background-color: #000;
+ }
+
+ .sm\:bg-white {
+ background-color: #fff;
+ }
+
+ .sm\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .sm\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .sm\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .sm\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .sm\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .sm\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .sm\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .sm\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .sm\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .sm\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .sm\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .sm\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .sm\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .sm\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .sm\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .sm\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .sm\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .sm\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .sm\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .sm\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .sm\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .sm\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .sm\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .sm\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .sm\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .sm\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .sm\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .sm\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .sm\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .sm\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .sm\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .sm\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .sm\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .sm\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .sm\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .sm\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .sm\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .sm\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .sm\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .sm\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .sm\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .sm\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .sm\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .sm\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .sm\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .sm\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .sm\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .sm\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .sm\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .sm\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .sm\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .sm\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .sm\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .sm\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .sm\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .sm\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .sm\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .sm\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .sm\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .sm\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .sm\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .sm\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .sm\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .sm\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .sm\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .sm\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .sm\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .sm\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .sm\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .sm\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .sm\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .sm\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .sm\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .sm\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .sm\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .sm\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .sm\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .sm\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .sm\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .sm\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .sm\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .sm\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .sm\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .sm\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .sm\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .sm\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .sm\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .sm\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .sm\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .sm\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .sm\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .sm\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .sm\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .sm\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .sm\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .sm\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .sm\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .sm\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .sm\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .sm\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .sm\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .sm\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .sm\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .sm\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .sm\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .sm\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .sm\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .sm\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .sm\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .sm\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .sm\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .sm\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .sm\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .sm\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .sm\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .sm\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .sm\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .sm\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .sm\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .sm\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .sm\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .sm\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .sm\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .sm\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .sm\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .sm\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .sm\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .sm\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .sm\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .sm\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .sm\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .sm\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .sm\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .sm\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .sm\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .sm\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .sm\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .sm\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .sm\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .sm\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .sm\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .sm\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .sm\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .sm\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .sm\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .sm\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .sm\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .sm\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .sm\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .sm\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .sm\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .sm\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .sm\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .sm\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .sm\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .sm\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .sm\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .sm\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .sm\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .sm\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .sm\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .sm\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .sm\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .sm\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .sm\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .sm\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .sm\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .sm\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .sm\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .sm\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .sm\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .sm\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .sm\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .sm\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .sm\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .sm\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .sm\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .sm\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .sm\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .sm\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .sm\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .sm\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .sm\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .sm\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .sm\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .sm\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .sm\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .sm\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .sm\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .sm\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .sm\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .sm\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .sm\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .sm\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .sm\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .sm\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .sm\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .sm\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .sm\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .sm\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .sm\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .sm\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .sm\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .sm\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .sm\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .sm\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .sm\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .sm\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .sm\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .sm\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .sm\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .sm\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .sm\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .sm\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .sm\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .sm\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .sm\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .sm\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .sm\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .sm\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .sm\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .sm\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .sm\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .sm\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .sm\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .sm\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .sm\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .sm\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .sm\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .sm\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .sm\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .sm\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .sm\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .sm\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .sm\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .sm\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .sm\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .sm\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .sm\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .sm\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .sm\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .sm\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .sm\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .sm\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .sm\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .sm\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .sm\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .sm\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .sm\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .sm\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .sm\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .sm\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .sm\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .sm\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .sm\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .sm\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .sm\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .sm\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .sm\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .sm\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .sm\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .sm\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .sm\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .sm\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .sm\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .sm\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .sm\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .sm\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .sm\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .sm\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .sm\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .sm\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .sm\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .sm\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .sm\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .sm\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .sm\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .sm\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .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-auto {
+ background-size: auto;
+ }
+
+ .sm\:bg-cover {
+ background-size: cover;
+ }
+
+ .sm\:bg-contain {
+ background-size: contain;
+ }
+
+ .sm\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .sm\:border-separate {
+ border-collapse: separate;
+ }
+
+ .sm\:border-transparent {
+ border-color: transparent;
+ }
+
+ .sm\:border-current {
+ border-color: currentColor;
+ }
+
+ .sm\:border-black {
+ border-color: #000;
+ }
+
+ .sm\:border-white {
+ border-color: #fff;
+ }
+
+ .sm\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .sm\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .sm\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .sm\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .sm\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .sm\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .sm\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .sm\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .sm\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .sm\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .sm\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .sm\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .sm\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .sm\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .sm\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .sm\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .sm\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .sm\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .sm\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .sm\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .sm\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .sm\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .sm\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .sm\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .sm\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .sm\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .sm\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .sm\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .sm\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .sm\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .sm\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .sm\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .sm\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .sm\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .sm\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .sm\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .sm\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .sm\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .sm\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .sm\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .sm\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .sm\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .sm\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .sm\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .sm\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .sm\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .sm\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .sm\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .sm\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .sm\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .sm\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .sm\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .sm\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .sm\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .sm\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .sm\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .sm\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .sm\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .sm\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .sm\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .sm\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .sm\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .sm\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .sm\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .sm\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .sm\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .sm\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .sm\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .sm\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .sm\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .sm\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .sm\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .sm\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .sm\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .sm\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .sm\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .sm\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .sm\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .sm\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .sm\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .sm\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .sm\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .sm\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .sm\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .sm\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .sm\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .sm\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .sm\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .sm\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .sm\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .sm\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .sm\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .sm\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .sm\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .sm\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .sm\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .sm\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .sm\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .sm\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .sm\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .sm\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .sm\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .sm\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .sm\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .sm\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .sm\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .sm\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .sm\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .sm\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .sm\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .sm\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .sm\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .sm\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .sm\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .sm\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .sm\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .sm\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .sm\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .sm\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .sm\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .sm\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .sm\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .sm\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .sm\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .sm\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .sm\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .sm\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .sm\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .sm\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .sm\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .sm\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .sm\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .sm\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .sm\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .sm\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .sm\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .sm\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .sm\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .sm\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .sm\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .sm\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .sm\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .sm\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .sm\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .sm\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .sm\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .sm\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .sm\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .sm\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .sm\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .sm\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .sm\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .sm\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .sm\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .sm\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .sm\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .sm\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .sm\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .sm\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .sm\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .sm\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .sm\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .sm\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .sm\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .sm\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .sm\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .sm\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .sm\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .sm\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .sm\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .sm\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .sm\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .sm\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .sm\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .sm\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .sm\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .sm\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .sm\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .sm\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .sm\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .sm\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .sm\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .sm\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .sm\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .sm\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .sm\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .sm\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .sm\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .sm\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .sm\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .sm\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .sm\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .sm\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .sm\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .sm\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .sm\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .sm\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .sm\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .sm\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .sm\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .sm\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .sm\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .sm\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .sm\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .sm\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .sm\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .sm\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .sm\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .sm\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .sm\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .sm\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .sm\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .sm\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .sm\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .sm\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .sm\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .sm\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .sm\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .sm\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .sm\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .sm\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .sm\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .sm\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .sm\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .sm\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .sm\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .sm\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .sm\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .sm\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .sm\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .sm\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .sm\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .sm\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .sm\:rounded-none {
+ border-radius: 0;
+ }
+
+ .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-full {
+ border-radius: 9999px;
+ }
+
+ .sm\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .sm\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .sm\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .sm\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .sm\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .sm\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .sm\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .sm\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .sm\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .sm\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .sm\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .sm\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .sm\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .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-0 {
+ border-width: 0;
+ }
+
+ .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: 0;
+ }
+
+ .sm\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .sm\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .sm\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .sm\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .sm\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .sm\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .sm\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .sm\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .sm\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .sm\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .sm\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .sm\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .sm\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .sm\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .sm\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .sm\:border-t {
+ border-top-width: 1px;
+ }
+
+ .sm\:border-r {
+ border-right-width: 1px;
+ }
+
+ .sm\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .sm\:border-l {
+ border-left-width: 1px;
+ }
+
+ .sm\:box-border {
+ box-sizing: border-box;
+ }
+
+ .sm\:box-content {
+ box-sizing: content-box;
+ }
+
+ .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-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .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\: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\:hidden {
+ display: 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-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .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\: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\: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\: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\: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-grow-0 {
+ flex-grow: 0;
+ }
+
+ .sm\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .sm\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .sm\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .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\:float-right {
+ float: right;
+ }
+
+ .sm\:float-left {
+ float: left;
+ }
+
+ .sm\:float-none {
+ float: none;
+ }
+
+ .sm\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .sm\:clear-left {
+ clear: left;
+ }
+
+ .sm\:clear-right {
+ clear: right;
+ }
+
+ .sm\:clear-both {
+ clear: both;
+ }
+
+ .sm\:clear-none {
+ clear: none;
+ }
+
+ .sm\:font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .sm\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .sm\:font-hairline {
+ font-weight: 100;
+ }
+
+ .sm\:font-thin {
+ 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\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .sm\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .sm\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .sm\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .sm\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .sm\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .sm\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .sm\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .sm\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .sm\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .sm\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .sm\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .sm\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .sm\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .sm\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .sm\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .sm\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .sm\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .sm\:h-0 {
+ height: 0;
+ }
+
+ .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-8 {
+ height: 2rem;
+ }
+
+ .sm\:h-10 {
+ height: 2.5rem;
+ }
+
+ .sm\:h-12 {
+ height: 3rem;
+ }
+
+ .sm\:h-16 {
+ height: 4rem;
+ }
+
+ .sm\:h-20 {
+ height: 5rem;
+ }
+
+ .sm\:h-24 {
+ height: 6rem;
+ }
+
+ .sm\:h-32 {
+ height: 8rem;
+ }
+
+ .sm\:h-40 {
+ height: 10rem;
+ }
+
+ .sm\:h-48 {
+ height: 12rem;
+ }
+
+ .sm\:h-56 {
+ height: 14rem;
+ }
+
+ .sm\:h-64 {
+ height: 16rem;
+ }
+
+ .sm\:h-auto {
+ height: auto;
+ }
+
+ .sm\:h-px {
+ height: 1px;
+ }
+
+ .sm\:h-full {
+ height: 100%;
+ }
+
+ .sm\:h-screen {
+ height: 100vh;
+ }
+
+ .sm\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .sm\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .sm\:text-base {
+ font-size: 1rem;
+ }
+
+ .sm\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .sm\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .sm\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .sm\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .sm\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .sm\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .sm\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .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\: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\:m-0 {
+ margin: 0;
+ }
+
+ .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-8 {
+ margin: 2rem;
+ }
+
+ .sm\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .sm\:m-12 {
+ margin: 3rem;
+ }
+
+ .sm\:m-16 {
+ margin: 4rem;
+ }
+
+ .sm\:m-20 {
+ margin: 5rem;
+ }
+
+ .sm\:m-24 {
+ margin: 6rem;
+ }
+
+ .sm\:m-32 {
+ margin: 8rem;
+ }
+
+ .sm\:m-40 {
+ margin: 10rem;
+ }
+
+ .sm\:m-48 {
+ margin: 12rem;
+ }
+
+ .sm\:m-56 {
+ margin: 14rem;
+ }
+
+ .sm\:m-64 {
+ margin: 16rem;
+ }
+
+ .sm\:m-auto {
+ margin: auto;
+ }
+
+ .sm\:m-px {
+ margin: 1px;
+ }
+
+ .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-8 {
+ margin: -2rem;
+ }
+
+ .sm\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .sm\:-m-12 {
+ margin: -3rem;
+ }
+
+ .sm\:-m-16 {
+ margin: -4rem;
+ }
+
+ .sm\:-m-20 {
+ margin: -5rem;
+ }
+
+ .sm\:-m-24 {
+ margin: -6rem;
+ }
+
+ .sm\:-m-32 {
+ margin: -8rem;
+ }
+
+ .sm\:-m-40 {
+ margin: -10rem;
+ }
+
+ .sm\:-m-48 {
+ margin: -12rem;
+ }
+
+ .sm\:-m-56 {
+ margin: -14rem;
+ }
+
+ .sm\:-m-64 {
+ margin: -16rem;
+ }
+
+ .sm\:-m-px {
+ margin: -1px;
+ }
+
+ .sm\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .sm\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .sm\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .sm\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .sm\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .sm\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .sm\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .sm\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .sm\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .sm\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .sm\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .sm\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .sm\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .sm\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .sm\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .sm\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .sm\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .sm\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .sm\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .sm\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .sm\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .sm\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .sm\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .sm\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .sm\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .sm\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .sm\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .sm\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .sm\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .sm\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .sm\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .sm\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .sm\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .sm\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .sm\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .sm\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .sm\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .sm\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .sm\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .sm\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .sm\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .sm\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .sm\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .sm\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .sm\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .sm\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .sm\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .sm\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .sm\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .sm\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .sm\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .sm\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .sm\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .sm\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .sm\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .sm\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .sm\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .sm\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .sm\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .sm\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .sm\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .sm\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .sm\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .sm\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .sm\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .sm\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .sm\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .sm\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .sm\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .sm\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .sm\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .sm\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .sm\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .sm\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .sm\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .sm\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .sm\:mt-0 {
+ margin-top: 0;
+ }
+
+ .sm\:mr-0 {
+ margin-right: 0;
+ }
+
+ .sm\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .sm\:ml-0 {
+ margin-left: 0;
+ }
+
+ .sm\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .sm\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .sm\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .sm\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .sm\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .sm\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .sm\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .sm\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .sm\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .sm\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .sm\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .sm\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .sm\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .sm\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .sm\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .sm\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .sm\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .sm\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .sm\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .sm\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .sm\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .sm\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .sm\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .sm\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .sm\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .sm\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .sm\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .sm\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .sm\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .sm\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .sm\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .sm\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .sm\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .sm\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .sm\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .sm\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .sm\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .sm\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .sm\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .sm\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .sm\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .sm\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .sm\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .sm\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .sm\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .sm\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .sm\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .sm\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .sm\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .sm\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .sm\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .sm\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .sm\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .sm\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .sm\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .sm\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .sm\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .sm\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .sm\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .sm\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .sm\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .sm\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .sm\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .sm\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .sm\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .sm\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .sm\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .sm\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .sm\:mt-auto {
+ margin-top: auto;
+ }
+
+ .sm\:mr-auto {
+ margin-right: auto;
+ }
+
+ .sm\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .sm\:ml-auto {
+ margin-left: auto;
+ }
+
+ .sm\:mt-px {
+ margin-top: 1px;
+ }
+
+ .sm\:mr-px {
+ margin-right: 1px;
+ }
+
+ .sm\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .sm\:ml-px {
+ margin-left: 1px;
+ }
+
+ .sm\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .sm\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .sm\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .sm\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .sm\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .sm\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .sm\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .sm\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .sm\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .sm\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .sm\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .sm\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .sm\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .sm\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .sm\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .sm\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .sm\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .sm\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .sm\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .sm\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .sm\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .sm\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .sm\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .sm\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .sm\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .sm\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .sm\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .sm\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .sm\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .sm\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .sm\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .sm\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .sm\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .sm\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .sm\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .sm\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .sm\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .sm\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .sm\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .sm\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .sm\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .sm\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .sm\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .sm\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .sm\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .sm\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .sm\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .sm\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .sm\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .sm\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .sm\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .sm\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .sm\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .sm\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .sm\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .sm\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .sm\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .sm\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .sm\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .sm\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .sm\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .sm\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .sm\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .sm\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .sm\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .sm\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .sm\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .sm\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .sm\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .sm\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .sm\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .sm\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .sm\:max-h-full {
+ max-height: 100%;
+ }
+
+ .sm\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .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-full {
+ max-width: 100%;
+ }
+
+ .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\:min-h-0 {
+ min-height: 0;
+ }
+
+ .sm\:min-h-full {
+ min-height: 100%;
+ }
+
+ .sm\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .sm\:min-w-0 {
+ min-width: 0;
+ }
+
+ .sm\:min-w-full {
+ min-width: 100%;
+ }
+
+ .sm\:opacity-0 {
+ opacity: 0;
+ }
+
+ .sm\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .sm\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .sm\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .sm\:opacity-100 {
+ opacity: 1;
+ }
+
+ .sm\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .sm\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .sm\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .sm\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .sm\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .sm\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .sm\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .sm\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .sm\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .sm\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .sm\:outline-none {
+ outline: 0;
+ }
+
+ .sm\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .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\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .sm\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .sm\:p-0 {
+ padding: 0;
+ }
+
+ .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-8 {
+ padding: 2rem;
+ }
+
+ .sm\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .sm\:p-12 {
+ padding: 3rem;
+ }
+
+ .sm\:p-16 {
+ padding: 4rem;
+ }
+
+ .sm\:p-20 {
+ padding: 5rem;
+ }
+
+ .sm\:p-24 {
+ padding: 6rem;
+ }
+
+ .sm\:p-32 {
+ padding: 8rem;
+ }
+
+ .sm\:p-40 {
+ padding: 10rem;
+ }
+
+ .sm\:p-48 {
+ padding: 12rem;
+ }
+
+ .sm\:p-56 {
+ padding: 14rem;
+ }
+
+ .sm\:p-64 {
+ padding: 16rem;
+ }
+
+ .sm\:p-px {
+ padding: 1px;
+ }
+
+ .sm\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .sm\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .sm\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .sm\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .sm\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .sm\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .sm\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .sm\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .sm\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .sm\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .sm\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .sm\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .sm\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .sm\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .sm\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .sm\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .sm\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .sm\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .sm\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .sm\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .sm\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .sm\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .sm\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .sm\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .sm\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .sm\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .sm\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .sm\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .sm\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .sm\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .sm\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .sm\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .sm\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .sm\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .sm\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .sm\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .sm\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .sm\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .sm\:pt-0 {
+ padding-top: 0;
+ }
+
+ .sm\:pr-0 {
+ padding-right: 0;
+ }
+
+ .sm\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .sm\:pl-0 {
+ padding-left: 0;
+ }
+
+ .sm\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .sm\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .sm\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .sm\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .sm\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .sm\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .sm\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .sm\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .sm\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .sm\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .sm\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .sm\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .sm\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .sm\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .sm\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .sm\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .sm\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .sm\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .sm\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .sm\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .sm\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .sm\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .sm\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .sm\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .sm\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .sm\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .sm\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .sm\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .sm\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .sm\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .sm\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .sm\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .sm\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .sm\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .sm\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .sm\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .sm\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .sm\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .sm\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .sm\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .sm\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .sm\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .sm\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .sm\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .sm\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .sm\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .sm\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .sm\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .sm\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .sm\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .sm\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .sm\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .sm\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .sm\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .sm\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .sm\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .sm\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .sm\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .sm\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .sm\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .sm\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .sm\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .sm\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .sm\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .sm\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .sm\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .sm\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .sm\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .sm\:pt-px {
+ padding-top: 1px;
+ }
+
+ .sm\:pr-px {
+ padding-right: 1px;
+ }
+
+ .sm\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .sm\:pl-px {
+ padding-left: 1px;
+ }
+
+ .sm\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .sm\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .sm\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .sm\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .sm\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .sm\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .sm\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .sm\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .sm\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .sm\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .sm\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .sm\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .sm\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .sm\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .sm\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .sm\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .sm\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .sm\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .sm\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .sm\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .sm\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .sm\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .sm\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .sm\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .sm\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .sm\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .sm\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .sm\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .sm\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .sm\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .sm\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .sm\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .sm\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .sm\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .sm\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .sm\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .sm\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .sm\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .sm\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .sm\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .sm\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .sm\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .sm\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .sm\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .sm\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .sm\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .sm\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .sm\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .sm\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .sm\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .sm\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .sm\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .sm\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .sm\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .sm\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .sm\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .sm\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .sm\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .sm\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .sm\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .sm\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .sm\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .sm\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .sm\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .sm\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .sm\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .sm\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .sm\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .sm\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .sm\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .sm\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .sm\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .sm\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .sm\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .sm\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .sm\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .sm\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .sm\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .sm\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .sm\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .sm\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .sm\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .sm\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .sm\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .sm\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .sm\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .sm\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .sm\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .sm\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .sm\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .sm\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .sm\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .sm\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .sm\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .sm\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .sm\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .sm\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .sm\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .sm\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .sm\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .sm\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .sm\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .sm\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .sm\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .sm\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .sm\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .sm\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .sm\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .sm\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .sm\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .sm\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .sm\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .sm\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .sm\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .sm\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .sm\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .sm\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .sm\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .sm\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .sm\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .sm\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .sm\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .sm\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .sm\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .sm\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .sm\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .sm\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .sm\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .sm\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .sm\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .sm\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .sm\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .sm\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .sm\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .sm\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .sm\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .sm\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .sm\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .sm\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .sm\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .sm\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .sm\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .sm\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .sm\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .sm\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .sm\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .sm\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .sm\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .sm\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .sm\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .sm\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .sm\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .sm\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .sm\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .sm\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .sm\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .sm\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .sm\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .sm\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .sm\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .sm\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .sm\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .sm\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .sm\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .sm\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .sm\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .sm\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .sm\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .sm\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .sm\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .sm\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .sm\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .sm\:static {
+ position: static;
+ }
+
+ .sm\:fixed {
+ position: fixed;
+ }
+
+ .sm\:absolute {
+ position: absolute;
+ }
+
+ .sm\:relative {
+ position: relative;
+ }
+
+ .sm\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .sm\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .sm\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .sm\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .sm\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .sm\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .sm\:top-0 {
+ top: 0;
+ }
+
+ .sm\:right-0 {
+ right: 0;
+ }
+
+ .sm\:bottom-0 {
+ bottom: 0;
+ }
+
+ .sm\:left-0 {
+ left: 0;
+ }
+
+ .sm\:top-auto {
+ top: auto;
+ }
+
+ .sm\:right-auto {
+ right: auto;
+ }
+
+ .sm\:bottom-auto {
+ bottom: auto;
+ }
+
+ .sm\:left-auto {
+ left: auto;
+ }
+
+ .sm\:resize-none {
+ resize: none;
+ }
+
+ .sm\:resize-y {
+ resize: vertical;
+ }
+
+ .sm\:resize-x {
+ resize: horizontal;
+ }
+
+ .sm\:resize {
+ resize: both;
+ }
+
+ .sm\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:shadow-none {
+ box-shadow: none;
+ }
+
+ .sm\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .sm\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .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\:table-auto {
+ table-layout: auto;
+ }
+
+ .sm\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .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\:text-transparent {
+ color: transparent;
+ }
+
+ .sm\:text-current {
+ color: currentColor;
+ }
+
+ .sm\:text-black {
+ color: #000;
+ }
+
+ .sm\:text-white {
+ color: #fff;
+ }
+
+ .sm\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .sm\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .sm\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .sm\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .sm\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .sm\:text-gray-600 {
+ color: #718096;
+ }
+
+ .sm\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .sm\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .sm\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .sm\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .sm\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .sm\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .sm\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .sm\:text-red-500 {
+ color: #f56565;
+ }
+
+ .sm\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .sm\:text-red-700 {
+ color: #c53030;
+ }
+
+ .sm\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .sm\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .sm\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .sm\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .sm\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .sm\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .sm\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .sm\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .sm\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .sm\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .sm\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .sm\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .sm\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .sm\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .sm\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .sm\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .sm\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .sm\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .sm\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .sm\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .sm\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .sm\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .sm\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .sm\:text-green-400 {
+ color: #68d391;
+ }
+
+ .sm\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .sm\:text-green-600 {
+ color: #38a169;
+ }
+
+ .sm\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .sm\:text-green-800 {
+ color: #276749;
+ }
+
+ .sm\:text-green-900 {
+ color: #22543d;
+ }
+
+ .sm\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .sm\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .sm\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .sm\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .sm\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .sm\:text-teal-600 {
+ color: #319795;
+ }
+
+ .sm\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .sm\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .sm\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .sm\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .sm\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .sm\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .sm\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .sm\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .sm\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .sm\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .sm\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .sm\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .sm\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .sm\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .sm\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .sm\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .sm\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .sm\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .sm\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .sm\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .sm\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .sm\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .sm\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .sm\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .sm\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .sm\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .sm\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .sm\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .sm\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .sm\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .sm\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .sm\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .sm\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .sm\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .sm\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .sm\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .sm\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .sm\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .sm\:text-pink-900 {
+ color: #702459;
+ }
+
+ .sm\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .sm\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .sm\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .sm\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .sm\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .sm\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .sm\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .sm\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .sm\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .sm\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .sm\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .sm\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .sm\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .sm\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .sm\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .sm\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .sm\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .sm\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .sm\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .sm\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .sm\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .sm\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .sm\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .sm\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .sm\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .sm\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .sm\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .sm\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .sm\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .sm\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .sm\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .sm\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .sm\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .sm\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .sm\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .sm\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .sm\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .sm\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .sm\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .sm\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .sm\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .sm\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .sm\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .sm\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .sm\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .sm\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .sm\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .sm\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .sm\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .sm\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .sm\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .sm\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .sm\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .sm\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .sm\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .sm\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .sm\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .sm\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .sm\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .sm\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .sm\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .sm\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .sm\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .sm\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .sm\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .sm\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .sm\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .sm\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .sm\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .sm\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .sm\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .sm\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .sm\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .sm\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .sm\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .sm\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .sm\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .sm\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .sm\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .sm\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .sm\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .sm\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .sm\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .sm\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .sm\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .sm\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .sm\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .sm\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .sm\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .sm\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .sm\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .sm\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .sm\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .sm\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .sm\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .sm\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .sm\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .sm\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .sm\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .sm\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .sm\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .sm\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .sm\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .sm\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .sm\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .sm\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .sm\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .sm\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .sm\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .sm\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .sm\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .sm\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .sm\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .sm\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .sm\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .sm\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .sm\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .sm\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .sm\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .sm\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .sm\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .sm\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .sm\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .sm\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .sm\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .sm\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .sm\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .sm\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .sm\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .sm\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .sm\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .sm\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .sm\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .sm\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .sm\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .sm\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .sm\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .sm\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .sm\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .sm\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .sm\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .sm\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .sm\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .sm\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .sm\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .sm\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .sm\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .sm\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .sm\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .sm\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .sm\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .sm\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .sm\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .sm\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .sm\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .sm\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .sm\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .sm\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .sm\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .sm\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .sm\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .sm\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .sm\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .sm\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .sm\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .sm\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .sm\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .sm\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .sm\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .sm\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .sm\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .sm\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .sm\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .sm\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .sm\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .sm\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .sm\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .sm\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .sm\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .sm\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .sm\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .sm\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .sm\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .sm\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .sm\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .sm\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .sm\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .sm\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .sm\:italic {
+ font-style: italic;
+ }
+
+ .sm\:not-italic {
+ font-style: normal;
+ }
+
+ .sm\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .sm\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .sm\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .sm\:normal-case {
+ text-transform: none;
+ }
+
+ .sm\:underline {
+ text-decoration: underline;
+ }
+
+ .sm\:line-through {
+ text-decoration: line-through;
+ }
+
+ .sm\:no-underline {
+ 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\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .sm\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .sm\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .sm\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .sm\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .sm\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .sm\:select-none {
+ user-select: none;
+ }
+
+ .sm\:select-text {
+ user-select: text;
+ }
+
+ .sm\:select-all {
+ user-select: all;
+ }
+
+ .sm\:select-auto {
+ user-select: auto;
+ }
+
+ .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\:visible {
+ visibility: visible;
+ }
+
+ .sm\:invisible {
+ visibility: hidden;
+ }
+
+ .sm\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .sm\:whitespace-no-wrap {
+ 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\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .sm\:w-0 {
+ width: 0;
+ }
+
+ .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-8 {
+ width: 2rem;
+ }
+
+ .sm\:w-10 {
+ width: 2.5rem;
+ }
+
+ .sm\:w-12 {
+ width: 3rem;
+ }
+
+ .sm\:w-16 {
+ width: 4rem;
+ }
+
+ .sm\:w-20 {
+ width: 5rem;
+ }
+
+ .sm\:w-24 {
+ width: 6rem;
+ }
+
+ .sm\:w-32 {
+ width: 8rem;
+ }
+
+ .sm\:w-40 {
+ width: 10rem;
+ }
+
+ .sm\:w-48 {
+ width: 12rem;
+ }
+
+ .sm\:w-56 {
+ width: 14rem;
+ }
+
+ .sm\:w-64 {
+ width: 16rem;
+ }
+
+ .sm\:w-auto {
+ width: auto;
+ }
+
+ .sm\:w-px {
+ width: 1px;
+ }
+
+ .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\: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\: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\:scale-0 {
+ transform: scale(0);
+ }
+
+ .sm\:scale-50 {
+ transform: scale(.5);
+ }
+
+ .sm\:scale-75 {
+ transform: scale(.75);
+ }
+
+ .sm\:scale-90 {
+ transform: scale(.9);
+ }
+
+ .sm\:scale-95 {
+ transform: scale(.95);
+ }
+
+ .sm\:scale-100 {
+ transform: scale(1);
+ }
+
+ .sm\:scale-105 {
+ transform: scale(1.05);
+ }
+
+ .sm\:scale-110 {
+ transform: scale(1.1);
+ }
+
+ .sm\:scale-125 {
+ transform: scale(1.25);
+ }
+
+ .sm\:scale-150 {
+ transform: scale(1.5);
+ }
+
+ .sm\:scale-x-0 {
+ transform: scaleX(0);
+ }
+
+ .sm\:scale-x-50 {
+ transform: scaleX(.5);
+ }
+
+ .sm\:scale-x-75 {
+ transform: scaleX(.75);
+ }
+
+ .sm\:scale-x-90 {
+ transform: scaleX(.9);
+ }
+
+ .sm\:scale-x-95 {
+ transform: scaleX(.95);
+ }
+
+ .sm\:scale-x-100 {
+ transform: scaleX(1);
+ }
+
+ .sm\:scale-x-105 {
+ transform: scaleX(1.05);
+ }
+
+ .sm\:scale-x-110 {
+ transform: scaleX(1.1);
+ }
+
+ .sm\:scale-x-125 {
+ transform: scaleX(1.25);
+ }
+
+ .sm\:scale-x-150 {
+ transform: scaleX(1.5);
+ }
+
+ .sm\:scale-y-0 {
+ transform: scaleY(0);
+ }
+
+ .sm\:scale-y-50 {
+ transform: scaleY(.5);
+ }
+
+ .sm\:scale-y-75 {
+ transform: scaleY(.75);
+ }
+
+ .sm\:scale-y-90 {
+ transform: scaleY(.9);
+ }
+
+ .sm\:scale-y-95 {
+ transform: scaleY(.95);
+ }
+
+ .sm\:scale-y-100 {
+ transform: scaleY(1);
+ }
+
+ .sm\:scale-y-105 {
+ transform: scaleY(1.05);
+ }
+
+ .sm\:scale-y-110 {
+ transform: scaleY(1.1);
+ }
+
+ .sm\:scale-y-125 {
+ transform: scaleY(1.25);
+ }
+
+ .sm\:scale-y-150 {
+ transform: scaleY(1.5);
+ }
+
+ .sm\:hover\:scale-0:hover {
+ transform: scale(0);
+ }
+
+ .sm\:hover\:scale-50:hover {
+ transform: scale(.5);
+ }
+
+ .sm\:hover\:scale-75:hover {
+ transform: scale(.75);
+ }
+
+ .sm\:hover\:scale-90:hover {
+ transform: scale(.9);
+ }
+
+ .sm\:hover\:scale-95:hover {
+ transform: scale(.95);
+ }
+
+ .sm\:hover\:scale-100:hover {
+ transform: scale(1);
+ }
+
+ .sm\:hover\:scale-105:hover {
+ transform: scale(1.05);
+ }
+
+ .sm\:hover\:scale-110:hover {
+ transform: scale(1.1);
+ }
+
+ .sm\:hover\:scale-125:hover {
+ transform: scale(1.25);
+ }
+
+ .sm\:hover\:scale-150:hover {
+ transform: scale(1.5);
+ }
+
+ .sm\:hover\:scale-x-0:hover {
+ transform: scaleX(0);
+ }
+
+ .sm\:hover\:scale-x-50:hover {
+ transform: scaleX(.5);
+ }
+
+ .sm\:hover\:scale-x-75:hover {
+ transform: scaleX(.75);
+ }
+
+ .sm\:hover\:scale-x-90:hover {
+ transform: scaleX(.9);
+ }
+
+ .sm\:hover\:scale-x-95:hover {
+ transform: scaleX(.95);
+ }
+
+ .sm\:hover\:scale-x-100:hover {
+ transform: scaleX(1);
+ }
+
+ .sm\:hover\:scale-x-105:hover {
+ transform: scaleX(1.05);
+ }
+
+ .sm\:hover\:scale-x-110:hover {
+ transform: scaleX(1.1);
+ }
+
+ .sm\:hover\:scale-x-125:hover {
+ transform: scaleX(1.25);
+ }
+
+ .sm\:hover\:scale-x-150:hover {
+ transform: scaleX(1.5);
+ }
+
+ .sm\:hover\:scale-y-0:hover {
+ transform: scaleY(0);
+ }
+
+ .sm\:hover\:scale-y-50:hover {
+ transform: scaleY(.5);
+ }
+
+ .sm\:hover\:scale-y-75:hover {
+ transform: scaleY(.75);
+ }
+
+ .sm\:hover\:scale-y-90:hover {
+ transform: scaleY(.9);
+ }
+
+ .sm\:hover\:scale-y-95:hover {
+ transform: scaleY(.95);
+ }
+
+ .sm\:hover\:scale-y-100:hover {
+ transform: scaleY(1);
+ }
+
+ .sm\:hover\:scale-y-105:hover {
+ transform: scaleY(1.05);
+ }
+
+ .sm\:hover\:scale-y-110:hover {
+ transform: scaleY(1.1);
+ }
+
+ .sm\:hover\:scale-y-125:hover {
+ transform: scaleY(1.25);
+ }
+
+ .sm\:hover\:scale-y-150:hover {
+ transform: scaleY(1.5);
+ }
+
+ .sm\:focus\:scale-0:focus {
+ transform: scale(0);
+ }
+
+ .sm\:focus\:scale-50:focus {
+ transform: scale(.5);
+ }
+
+ .sm\:focus\:scale-75:focus {
+ transform: scale(.75);
+ }
+
+ .sm\:focus\:scale-90:focus {
+ transform: scale(.9);
+ }
+
+ .sm\:focus\:scale-95:focus {
+ transform: scale(.95);
+ }
+
+ .sm\:focus\:scale-100:focus {
+ transform: scale(1);
+ }
+
+ .sm\:focus\:scale-105:focus {
+ transform: scale(1.05);
+ }
+
+ .sm\:focus\:scale-110:focus {
+ transform: scale(1.1);
+ }
+
+ .sm\:focus\:scale-125:focus {
+ transform: scale(1.25);
+ }
+
+ .sm\:focus\:scale-150:focus {
+ transform: scale(1.5);
+ }
+
+ .sm\:focus\:scale-x-0:focus {
+ transform: scaleX(0);
+ }
+
+ .sm\:focus\:scale-x-50:focus {
+ transform: scaleX(.5);
+ }
+
+ .sm\:focus\:scale-x-75:focus {
+ transform: scaleX(.75);
+ }
+
+ .sm\:focus\:scale-x-90:focus {
+ transform: scaleX(.9);
+ }
+
+ .sm\:focus\:scale-x-95:focus {
+ transform: scaleX(.95);
+ }
+
+ .sm\:focus\:scale-x-100:focus {
+ transform: scaleX(1);
+ }
+
+ .sm\:focus\:scale-x-105:focus {
+ transform: scaleX(1.05);
+ }
+
+ .sm\:focus\:scale-x-110:focus {
+ transform: scaleX(1.1);
+ }
+
+ .sm\:focus\:scale-x-125:focus {
+ transform: scaleX(1.25);
+ }
+
+ .sm\:focus\:scale-x-150:focus {
+ transform: scaleX(1.5);
+ }
+
+ .sm\:focus\:scale-y-0:focus {
+ transform: scaleY(0);
+ }
+
+ .sm\:focus\:scale-y-50:focus {
+ transform: scaleY(.5);
+ }
+
+ .sm\:focus\:scale-y-75:focus {
+ transform: scaleY(.75);
+ }
+
+ .sm\:focus\:scale-y-90:focus {
+ transform: scaleY(.9);
+ }
+
+ .sm\:focus\:scale-y-95:focus {
+ transform: scaleY(.95);
+ }
+
+ .sm\:focus\:scale-y-100:focus {
+ transform: scaleY(1);
+ }
+
+ .sm\:focus\:scale-y-105:focus {
+ transform: scaleY(1.05);
+ }
+
+ .sm\:focus\:scale-y-110:focus {
+ transform: scaleY(1.1);
+ }
+
+ .sm\:focus\:scale-y-125:focus {
+ transform: scaleY(1.25);
+ }
+
+ .sm\:focus\:scale-y-150:focus {
+ transform: scaleY(1.5);
+ }
+
+ .sm\:rotate-0 {
+ transform: rotate(0);
+ }
+
+ .sm\:rotate-45 {
+ transform: rotate(45deg);
+ }
+
+ .sm\:rotate-90 {
+ transform: rotate(90deg);
+ }
+
+ .sm\:rotate-180 {
+ transform: rotate(180deg);
+ }
+
+ .sm\:-rotate-180 {
+ transform: rotate(-180deg);
+ }
+
+ .sm\:-rotate-90 {
+ transform: rotate(-90deg);
+ }
+
+ .sm\:-rotate-45 {
+ transform: rotate(-45deg);
+ }
+
+ .sm\:hover\:rotate-0:hover {
+ transform: rotate(0);
+ }
+
+ .sm\:hover\:rotate-45:hover {
+ transform: rotate(45deg);
+ }
+
+ .sm\:hover\:rotate-90:hover {
+ transform: rotate(90deg);
+ }
+
+ .sm\:hover\:rotate-180:hover {
+ transform: rotate(180deg);
+ }
+
+ .sm\:hover\:-rotate-180:hover {
+ transform: rotate(-180deg);
+ }
+
+ .sm\:hover\:-rotate-90:hover {
+ transform: rotate(-90deg);
+ }
+
+ .sm\:hover\:-rotate-45:hover {
+ transform: rotate(-45deg);
+ }
+
+ .sm\:focus\:rotate-0:focus {
+ transform: rotate(0);
+ }
+
+ .sm\:focus\:rotate-45:focus {
+ transform: rotate(45deg);
+ }
+
+ .sm\:focus\:rotate-90:focus {
+ transform: rotate(90deg);
+ }
+
+ .sm\:focus\:rotate-180:focus {
+ transform: rotate(180deg);
+ }
+
+ .sm\:focus\:-rotate-180:focus {
+ transform: rotate(-180deg);
+ }
+
+ .sm\:focus\:-rotate-90:focus {
+ transform: rotate(-90deg);
+ }
+
+ .sm\:focus\:-rotate-45:focus {
+ transform: rotate(-45deg);
+ }
+
+ .sm\:translate-x-0 {
+ transform: translateX(0);
+ }
+
+ .sm\:translate-x-1 {
+ transform: translateX(0.25rem);
+ }
+
+ .sm\:translate-x-2 {
+ transform: translateX(0.5rem);
+ }
+
+ .sm\:translate-x-3 {
+ transform: translateX(0.75rem);
+ }
+
+ .sm\:translate-x-4 {
+ transform: translateX(1rem);
+ }
+
+ .sm\:translate-x-5 {
+ transform: translateX(1.25rem);
+ }
+
+ .sm\:translate-x-6 {
+ transform: translateX(1.5rem);
+ }
+
+ .sm\:translate-x-8 {
+ transform: translateX(2rem);
+ }
+
+ .sm\:translate-x-10 {
+ transform: translateX(2.5rem);
+ }
+
+ .sm\:translate-x-12 {
+ transform: translateX(3rem);
+ }
+
+ .sm\:translate-x-16 {
+ transform: translateX(4rem);
+ }
+
+ .sm\:translate-x-20 {
+ transform: translateX(5rem);
+ }
+
+ .sm\:translate-x-24 {
+ transform: translateX(6rem);
+ }
+
+ .sm\:translate-x-32 {
+ transform: translateX(8rem);
+ }
+
+ .sm\:translate-x-40 {
+ transform: translateX(10rem);
+ }
+
+ .sm\:translate-x-48 {
+ transform: translateX(12rem);
+ }
+
+ .sm\:translate-x-56 {
+ transform: translateX(14rem);
+ }
+
+ .sm\:translate-x-64 {
+ transform: translateX(16rem);
+ }
+
+ .sm\:translate-x-px {
+ transform: translateX(1px);
+ }
+
+ .sm\:-translate-x-1 {
+ transform: translateX(-0.25rem);
+ }
+
+ .sm\:-translate-x-2 {
+ transform: translateX(-0.5rem);
+ }
+
+ .sm\:-translate-x-3 {
+ transform: translateX(-0.75rem);
+ }
+
+ .sm\:-translate-x-4 {
+ transform: translateX(-1rem);
+ }
+
+ .sm\:-translate-x-5 {
+ transform: translateX(-1.25rem);
+ }
+
+ .sm\:-translate-x-6 {
+ transform: translateX(-1.5rem);
+ }
+
+ .sm\:-translate-x-8 {
+ transform: translateX(-2rem);
+ }
+
+ .sm\:-translate-x-10 {
+ transform: translateX(-2.5rem);
+ }
+
+ .sm\:-translate-x-12 {
+ transform: translateX(-3rem);
+ }
+
+ .sm\:-translate-x-16 {
+ transform: translateX(-4rem);
+ }
+
+ .sm\:-translate-x-20 {
+ transform: translateX(-5rem);
+ }
+
+ .sm\:-translate-x-24 {
+ transform: translateX(-6rem);
+ }
+
+ .sm\:-translate-x-32 {
+ transform: translateX(-8rem);
+ }
+
+ .sm\:-translate-x-40 {
+ transform: translateX(-10rem);
+ }
+
+ .sm\:-translate-x-48 {
+ transform: translateX(-12rem);
+ }
+
+ .sm\:-translate-x-56 {
+ transform: translateX(-14rem);
+ }
+
+ .sm\:-translate-x-64 {
+ transform: translateX(-16rem);
+ }
+
+ .sm\:-translate-x-px {
+ transform: translateX(-1px);
+ }
+
+ .sm\:-translate-x-full {
+ transform: translateX(-100%);
+ }
+
+ .sm\:-translate-x-1\/2 {
+ transform: translateX(-50%);
+ }
+
+ .sm\:translate-x-1\/2 {
+ transform: translateX(50%);
+ }
+
+ .sm\:translate-x-full {
+ transform: translateX(100%);
+ }
+
+ .sm\:translate-y-0 {
+ transform: translateY(0);
+ }
+
+ .sm\:translate-y-1 {
+ transform: translateY(0.25rem);
+ }
+
+ .sm\:translate-y-2 {
+ transform: translateY(0.5rem);
+ }
+
+ .sm\:translate-y-3 {
+ transform: translateY(0.75rem);
+ }
+
+ .sm\:translate-y-4 {
+ transform: translateY(1rem);
+ }
+
+ .sm\:translate-y-5 {
+ transform: translateY(1.25rem);
+ }
+
+ .sm\:translate-y-6 {
+ transform: translateY(1.5rem);
+ }
+
+ .sm\:translate-y-8 {
+ transform: translateY(2rem);
+ }
+
+ .sm\:translate-y-10 {
+ transform: translateY(2.5rem);
+ }
+
+ .sm\:translate-y-12 {
+ transform: translateY(3rem);
+ }
+
+ .sm\:translate-y-16 {
+ transform: translateY(4rem);
+ }
+
+ .sm\:translate-y-20 {
+ transform: translateY(5rem);
+ }
+
+ .sm\:translate-y-24 {
+ transform: translateY(6rem);
+ }
+
+ .sm\:translate-y-32 {
+ transform: translateY(8rem);
+ }
+
+ .sm\:translate-y-40 {
+ transform: translateY(10rem);
+ }
+
+ .sm\:translate-y-48 {
+ transform: translateY(12rem);
+ }
+
+ .sm\:translate-y-56 {
+ transform: translateY(14rem);
+ }
+
+ .sm\:translate-y-64 {
+ transform: translateY(16rem);
+ }
+
+ .sm\:translate-y-px {
+ transform: translateY(1px);
+ }
+
+ .sm\:-translate-y-1 {
+ transform: translateY(-0.25rem);
+ }
+
+ .sm\:-translate-y-2 {
+ transform: translateY(-0.5rem);
+ }
+
+ .sm\:-translate-y-3 {
+ transform: translateY(-0.75rem);
+ }
+
+ .sm\:-translate-y-4 {
+ transform: translateY(-1rem);
+ }
+
+ .sm\:-translate-y-5 {
+ transform: translateY(-1.25rem);
+ }
+
+ .sm\:-translate-y-6 {
+ transform: translateY(-1.5rem);
+ }
+
+ .sm\:-translate-y-8 {
+ transform: translateY(-2rem);
+ }
+
+ .sm\:-translate-y-10 {
+ transform: translateY(-2.5rem);
+ }
+
+ .sm\:-translate-y-12 {
+ transform: translateY(-3rem);
+ }
+
+ .sm\:-translate-y-16 {
+ transform: translateY(-4rem);
+ }
+
+ .sm\:-translate-y-20 {
+ transform: translateY(-5rem);
+ }
+
+ .sm\:-translate-y-24 {
+ transform: translateY(-6rem);
+ }
+
+ .sm\:-translate-y-32 {
+ transform: translateY(-8rem);
+ }
+
+ .sm\:-translate-y-40 {
+ transform: translateY(-10rem);
+ }
+
+ .sm\:-translate-y-48 {
+ transform: translateY(-12rem);
+ }
+
+ .sm\:-translate-y-56 {
+ transform: translateY(-14rem);
+ }
+
+ .sm\:-translate-y-64 {
+ transform: translateY(-16rem);
+ }
+
+ .sm\:-translate-y-px {
+ transform: translateY(-1px);
+ }
+
+ .sm\:-translate-y-full {
+ transform: translateY(-100%);
+ }
+
+ .sm\:-translate-y-1\/2 {
+ transform: translateY(-50%);
+ }
+
+ .sm\:translate-y-1\/2 {
+ transform: translateY(50%);
+ }
+
+ .sm\:translate-y-full {
+ transform: translateY(100%);
+ }
+
+ .sm\:hover\:translate-x-0:hover {
+ transform: translateX(0);
+ }
+
+ .sm\:hover\:translate-x-1:hover {
+ transform: translateX(0.25rem);
+ }
+
+ .sm\:hover\:translate-x-2:hover {
+ transform: translateX(0.5rem);
+ }
+
+ .sm\:hover\:translate-x-3:hover {
+ transform: translateX(0.75rem);
+ }
+
+ .sm\:hover\:translate-x-4:hover {
+ transform: translateX(1rem);
+ }
+
+ .sm\:hover\:translate-x-5:hover {
+ transform: translateX(1.25rem);
+ }
+
+ .sm\:hover\:translate-x-6:hover {
+ transform: translateX(1.5rem);
+ }
+
+ .sm\:hover\:translate-x-8:hover {
+ transform: translateX(2rem);
+ }
+
+ .sm\:hover\:translate-x-10:hover {
+ transform: translateX(2.5rem);
+ }
+
+ .sm\:hover\:translate-x-12:hover {
+ transform: translateX(3rem);
+ }
+
+ .sm\:hover\:translate-x-16:hover {
+ transform: translateX(4rem);
+ }
+
+ .sm\:hover\:translate-x-20:hover {
+ transform: translateX(5rem);
+ }
+
+ .sm\:hover\:translate-x-24:hover {
+ transform: translateX(6rem);
+ }
+
+ .sm\:hover\:translate-x-32:hover {
+ transform: translateX(8rem);
+ }
+
+ .sm\:hover\:translate-x-40:hover {
+ transform: translateX(10rem);
+ }
+
+ .sm\:hover\:translate-x-48:hover {
+ transform: translateX(12rem);
+ }
+
+ .sm\:hover\:translate-x-56:hover {
+ transform: translateX(14rem);
+ }
+
+ .sm\:hover\:translate-x-64:hover {
+ transform: translateX(16rem);
+ }
+
+ .sm\:hover\:translate-x-px:hover {
+ transform: translateX(1px);
+ }
+
+ .sm\:hover\:-translate-x-1:hover {
+ transform: translateX(-0.25rem);
+ }
+
+ .sm\:hover\:-translate-x-2:hover {
+ transform: translateX(-0.5rem);
+ }
+
+ .sm\:hover\:-translate-x-3:hover {
+ transform: translateX(-0.75rem);
+ }
+
+ .sm\:hover\:-translate-x-4:hover {
+ transform: translateX(-1rem);
+ }
+
+ .sm\:hover\:-translate-x-5:hover {
+ transform: translateX(-1.25rem);
+ }
+
+ .sm\:hover\:-translate-x-6:hover {
+ transform: translateX(-1.5rem);
+ }
+
+ .sm\:hover\:-translate-x-8:hover {
+ transform: translateX(-2rem);
+ }
+
+ .sm\:hover\:-translate-x-10:hover {
+ transform: translateX(-2.5rem);
+ }
+
+ .sm\:hover\:-translate-x-12:hover {
+ transform: translateX(-3rem);
+ }
+
+ .sm\:hover\:-translate-x-16:hover {
+ transform: translateX(-4rem);
+ }
+
+ .sm\:hover\:-translate-x-20:hover {
+ transform: translateX(-5rem);
+ }
+
+ .sm\:hover\:-translate-x-24:hover {
+ transform: translateX(-6rem);
+ }
+
+ .sm\:hover\:-translate-x-32:hover {
+ transform: translateX(-8rem);
+ }
+
+ .sm\:hover\:-translate-x-40:hover {
+ transform: translateX(-10rem);
+ }
+
+ .sm\:hover\:-translate-x-48:hover {
+ transform: translateX(-12rem);
+ }
+
+ .sm\:hover\:-translate-x-56:hover {
+ transform: translateX(-14rem);
+ }
+
+ .sm\:hover\:-translate-x-64:hover {
+ transform: translateX(-16rem);
+ }
+
+ .sm\:hover\:-translate-x-px:hover {
+ transform: translateX(-1px);
+ }
+
+ .sm\:hover\:-translate-x-full:hover {
+ transform: translateX(-100%);
+ }
+
+ .sm\:hover\:-translate-x-1\/2:hover {
+ transform: translateX(-50%);
+ }
+
+ .sm\:hover\:translate-x-1\/2:hover {
+ transform: translateX(50%);
+ }
+
+ .sm\:hover\:translate-x-full:hover {
+ transform: translateX(100%);
+ }
+
+ .sm\:hover\:translate-y-0:hover {
+ transform: translateY(0);
+ }
+
+ .sm\:hover\:translate-y-1:hover {
+ transform: translateY(0.25rem);
+ }
+
+ .sm\:hover\:translate-y-2:hover {
+ transform: translateY(0.5rem);
+ }
+
+ .sm\:hover\:translate-y-3:hover {
+ transform: translateY(0.75rem);
+ }
+
+ .sm\:hover\:translate-y-4:hover {
+ transform: translateY(1rem);
+ }
+
+ .sm\:hover\:translate-y-5:hover {
+ transform: translateY(1.25rem);
+ }
+
+ .sm\:hover\:translate-y-6:hover {
+ transform: translateY(1.5rem);
+ }
+
+ .sm\:hover\:translate-y-8:hover {
+ transform: translateY(2rem);
+ }
+
+ .sm\:hover\:translate-y-10:hover {
+ transform: translateY(2.5rem);
+ }
+
+ .sm\:hover\:translate-y-12:hover {
+ transform: translateY(3rem);
+ }
+
+ .sm\:hover\:translate-y-16:hover {
+ transform: translateY(4rem);
+ }
+
+ .sm\:hover\:translate-y-20:hover {
+ transform: translateY(5rem);
+ }
+
+ .sm\:hover\:translate-y-24:hover {
+ transform: translateY(6rem);
+ }
+
+ .sm\:hover\:translate-y-32:hover {
+ transform: translateY(8rem);
+ }
+
+ .sm\:hover\:translate-y-40:hover {
+ transform: translateY(10rem);
+ }
+
+ .sm\:hover\:translate-y-48:hover {
+ transform: translateY(12rem);
+ }
+
+ .sm\:hover\:translate-y-56:hover {
+ transform: translateY(14rem);
+ }
+
+ .sm\:hover\:translate-y-64:hover {
+ transform: translateY(16rem);
+ }
+
+ .sm\:hover\:translate-y-px:hover {
+ transform: translateY(1px);
+ }
+
+ .sm\:hover\:-translate-y-1:hover {
+ transform: translateY(-0.25rem);
+ }
+
+ .sm\:hover\:-translate-y-2:hover {
+ transform: translateY(-0.5rem);
+ }
+
+ .sm\:hover\:-translate-y-3:hover {
+ transform: translateY(-0.75rem);
+ }
+
+ .sm\:hover\:-translate-y-4:hover {
+ transform: translateY(-1rem);
+ }
+
+ .sm\:hover\:-translate-y-5:hover {
+ transform: translateY(-1.25rem);
+ }
+
+ .sm\:hover\:-translate-y-6:hover {
+ transform: translateY(-1.5rem);
+ }
+
+ .sm\:hover\:-translate-y-8:hover {
+ transform: translateY(-2rem);
+ }
+
+ .sm\:hover\:-translate-y-10:hover {
+ transform: translateY(-2.5rem);
+ }
+
+ .sm\:hover\:-translate-y-12:hover {
+ transform: translateY(-3rem);
+ }
+
+ .sm\:hover\:-translate-y-16:hover {
+ transform: translateY(-4rem);
+ }
+
+ .sm\:hover\:-translate-y-20:hover {
+ transform: translateY(-5rem);
+ }
+
+ .sm\:hover\:-translate-y-24:hover {
+ transform: translateY(-6rem);
+ }
+
+ .sm\:hover\:-translate-y-32:hover {
+ transform: translateY(-8rem);
+ }
+
+ .sm\:hover\:-translate-y-40:hover {
+ transform: translateY(-10rem);
+ }
+
+ .sm\:hover\:-translate-y-48:hover {
+ transform: translateY(-12rem);
+ }
+
+ .sm\:hover\:-translate-y-56:hover {
+ transform: translateY(-14rem);
+ }
+
+ .sm\:hover\:-translate-y-64:hover {
+ transform: translateY(-16rem);
+ }
+
+ .sm\:hover\:-translate-y-px:hover {
+ transform: translateY(-1px);
+ }
+
+ .sm\:hover\:-translate-y-full:hover {
+ transform: translateY(-100%);
+ }
+
+ .sm\:hover\:-translate-y-1\/2:hover {
+ transform: translateY(-50%);
+ }
+
+ .sm\:hover\:translate-y-1\/2:hover {
+ transform: translateY(50%);
+ }
+
+ .sm\:hover\:translate-y-full:hover {
+ transform: translateY(100%);
+ }
+
+ .sm\:focus\:translate-x-0:focus {
+ transform: translateX(0);
+ }
+
+ .sm\:focus\:translate-x-1:focus {
+ transform: translateX(0.25rem);
+ }
+
+ .sm\:focus\:translate-x-2:focus {
+ transform: translateX(0.5rem);
+ }
+
+ .sm\:focus\:translate-x-3:focus {
+ transform: translateX(0.75rem);
+ }
+
+ .sm\:focus\:translate-x-4:focus {
+ transform: translateX(1rem);
+ }
+
+ .sm\:focus\:translate-x-5:focus {
+ transform: translateX(1.25rem);
+ }
+
+ .sm\:focus\:translate-x-6:focus {
+ transform: translateX(1.5rem);
+ }
+
+ .sm\:focus\:translate-x-8:focus {
+ transform: translateX(2rem);
+ }
+
+ .sm\:focus\:translate-x-10:focus {
+ transform: translateX(2.5rem);
+ }
+
+ .sm\:focus\:translate-x-12:focus {
+ transform: translateX(3rem);
+ }
+
+ .sm\:focus\:translate-x-16:focus {
+ transform: translateX(4rem);
+ }
+
+ .sm\:focus\:translate-x-20:focus {
+ transform: translateX(5rem);
+ }
+
+ .sm\:focus\:translate-x-24:focus {
+ transform: translateX(6rem);
+ }
+
+ .sm\:focus\:translate-x-32:focus {
+ transform: translateX(8rem);
+ }
+
+ .sm\:focus\:translate-x-40:focus {
+ transform: translateX(10rem);
+ }
+
+ .sm\:focus\:translate-x-48:focus {
+ transform: translateX(12rem);
+ }
+
+ .sm\:focus\:translate-x-56:focus {
+ transform: translateX(14rem);
+ }
+
+ .sm\:focus\:translate-x-64:focus {
+ transform: translateX(16rem);
+ }
+
+ .sm\:focus\:translate-x-px:focus {
+ transform: translateX(1px);
+ }
+
+ .sm\:focus\:-translate-x-1:focus {
+ transform: translateX(-0.25rem);
+ }
+
+ .sm\:focus\:-translate-x-2:focus {
+ transform: translateX(-0.5rem);
+ }
+
+ .sm\:focus\:-translate-x-3:focus {
+ transform: translateX(-0.75rem);
+ }
+
+ .sm\:focus\:-translate-x-4:focus {
+ transform: translateX(-1rem);
+ }
+
+ .sm\:focus\:-translate-x-5:focus {
+ transform: translateX(-1.25rem);
+ }
+
+ .sm\:focus\:-translate-x-6:focus {
+ transform: translateX(-1.5rem);
+ }
+
+ .sm\:focus\:-translate-x-8:focus {
+ transform: translateX(-2rem);
+ }
+
+ .sm\:focus\:-translate-x-10:focus {
+ transform: translateX(-2.5rem);
+ }
+
+ .sm\:focus\:-translate-x-12:focus {
+ transform: translateX(-3rem);
+ }
+
+ .sm\:focus\:-translate-x-16:focus {
+ transform: translateX(-4rem);
+ }
+
+ .sm\:focus\:-translate-x-20:focus {
+ transform: translateX(-5rem);
+ }
+
+ .sm\:focus\:-translate-x-24:focus {
+ transform: translateX(-6rem);
+ }
+
+ .sm\:focus\:-translate-x-32:focus {
+ transform: translateX(-8rem);
+ }
+
+ .sm\:focus\:-translate-x-40:focus {
+ transform: translateX(-10rem);
+ }
+
+ .sm\:focus\:-translate-x-48:focus {
+ transform: translateX(-12rem);
+ }
+
+ .sm\:focus\:-translate-x-56:focus {
+ transform: translateX(-14rem);
+ }
+
+ .sm\:focus\:-translate-x-64:focus {
+ transform: translateX(-16rem);
+ }
+
+ .sm\:focus\:-translate-x-px:focus {
+ transform: translateX(-1px);
+ }
+
+ .sm\:focus\:-translate-x-full:focus {
+ transform: translateX(-100%);
+ }
+
+ .sm\:focus\:-translate-x-1\/2:focus {
+ transform: translateX(-50%);
+ }
+
+ .sm\:focus\:translate-x-1\/2:focus {
+ transform: translateX(50%);
+ }
+
+ .sm\:focus\:translate-x-full:focus {
+ transform: translateX(100%);
+ }
+
+ .sm\:focus\:translate-y-0:focus {
+ transform: translateY(0);
+ }
+
+ .sm\:focus\:translate-y-1:focus {
+ transform: translateY(0.25rem);
+ }
+
+ .sm\:focus\:translate-y-2:focus {
+ transform: translateY(0.5rem);
+ }
+
+ .sm\:focus\:translate-y-3:focus {
+ transform: translateY(0.75rem);
+ }
+
+ .sm\:focus\:translate-y-4:focus {
+ transform: translateY(1rem);
+ }
+
+ .sm\:focus\:translate-y-5:focus {
+ transform: translateY(1.25rem);
+ }
+
+ .sm\:focus\:translate-y-6:focus {
+ transform: translateY(1.5rem);
+ }
+
+ .sm\:focus\:translate-y-8:focus {
+ transform: translateY(2rem);
+ }
+
+ .sm\:focus\:translate-y-10:focus {
+ transform: translateY(2.5rem);
+ }
+
+ .sm\:focus\:translate-y-12:focus {
+ transform: translateY(3rem);
+ }
+
+ .sm\:focus\:translate-y-16:focus {
+ transform: translateY(4rem);
+ }
+
+ .sm\:focus\:translate-y-20:focus {
+ transform: translateY(5rem);
+ }
+
+ .sm\:focus\:translate-y-24:focus {
+ transform: translateY(6rem);
+ }
+
+ .sm\:focus\:translate-y-32:focus {
+ transform: translateY(8rem);
+ }
+
+ .sm\:focus\:translate-y-40:focus {
+ transform: translateY(10rem);
+ }
+
+ .sm\:focus\:translate-y-48:focus {
+ transform: translateY(12rem);
+ }
+
+ .sm\:focus\:translate-y-56:focus {
+ transform: translateY(14rem);
+ }
+
+ .sm\:focus\:translate-y-64:focus {
+ transform: translateY(16rem);
+ }
+
+ .sm\:focus\:translate-y-px:focus {
+ transform: translateY(1px);
+ }
+
+ .sm\:focus\:-translate-y-1:focus {
+ transform: translateY(-0.25rem);
+ }
+
+ .sm\:focus\:-translate-y-2:focus {
+ transform: translateY(-0.5rem);
+ }
+
+ .sm\:focus\:-translate-y-3:focus {
+ transform: translateY(-0.75rem);
+ }
+
+ .sm\:focus\:-translate-y-4:focus {
+ transform: translateY(-1rem);
+ }
+
+ .sm\:focus\:-translate-y-5:focus {
+ transform: translateY(-1.25rem);
+ }
+
+ .sm\:focus\:-translate-y-6:focus {
+ transform: translateY(-1.5rem);
+ }
+
+ .sm\:focus\:-translate-y-8:focus {
+ transform: translateY(-2rem);
+ }
+
+ .sm\:focus\:-translate-y-10:focus {
+ transform: translateY(-2.5rem);
+ }
+
+ .sm\:focus\:-translate-y-12:focus {
+ transform: translateY(-3rem);
+ }
+
+ .sm\:focus\:-translate-y-16:focus {
+ transform: translateY(-4rem);
+ }
+
+ .sm\:focus\:-translate-y-20:focus {
+ transform: translateY(-5rem);
+ }
+
+ .sm\:focus\:-translate-y-24:focus {
+ transform: translateY(-6rem);
+ }
+
+ .sm\:focus\:-translate-y-32:focus {
+ transform: translateY(-8rem);
+ }
+
+ .sm\:focus\:-translate-y-40:focus {
+ transform: translateY(-10rem);
+ }
+
+ .sm\:focus\:-translate-y-48:focus {
+ transform: translateY(-12rem);
+ }
+
+ .sm\:focus\:-translate-y-56:focus {
+ transform: translateY(-14rem);
+ }
+
+ .sm\:focus\:-translate-y-64:focus {
+ transform: translateY(-16rem);
+ }
+
+ .sm\:focus\:-translate-y-px:focus {
+ transform: translateY(-1px);
+ }
+
+ .sm\:focus\:-translate-y-full:focus {
+ transform: translateY(-100%);
+ }
+
+ .sm\:focus\:-translate-y-1\/2:focus {
+ transform: translateY(-50%);
+ }
+
+ .sm\:focus\:translate-y-1\/2:focus {
+ transform: translateY(50%);
+ }
+
+ .sm\:focus\:translate-y-full:focus {
+ transform: translateY(100%);
+ }
+
+ .sm\:skew-x-0 {
+ transform: skewX(0);
+ }
+
+ .sm\:skew-x-3 {
+ transform: skewX(3deg);
+ }
+
+ .sm\:skew-x-6 {
+ transform: skewX(6deg);
+ }
+
+ .sm\:skew-x-12 {
+ transform: skewX(12deg);
+ }
+
+ .sm\:-skew-x-12 {
+ transform: skewX(-12deg);
+ }
+
+ .sm\:-skew-x-6 {
+ transform: skewX(-6deg);
+ }
+
+ .sm\:-skew-x-3 {
+ transform: skewX(-3deg);
+ }
+
+ .sm\:skew-y-0 {
+ transform: skewY(0);
+ }
+
+ .sm\:skew-y-3 {
+ transform: skewY(3deg);
+ }
+
+ .sm\:skew-y-6 {
+ transform: skewY(6deg);
+ }
+
+ .sm\:skew-y-12 {
+ transform: skewY(12deg);
+ }
+
+ .sm\:-skew-y-12 {
+ transform: skewY(-12deg);
+ }
+
+ .sm\:-skew-y-6 {
+ transform: skewY(-6deg);
+ }
+
+ .sm\:-skew-y-3 {
+ transform: skewY(-3deg);
+ }
+
+ .sm\:hover\:skew-x-0:hover {
+ transform: skewX(0);
+ }
+
+ .sm\:hover\:skew-x-3:hover {
+ transform: skewX(3deg);
+ }
+
+ .sm\:hover\:skew-x-6:hover {
+ transform: skewX(6deg);
+ }
+
+ .sm\:hover\:skew-x-12:hover {
+ transform: skewX(12deg);
+ }
+
+ .sm\:hover\:-skew-x-12:hover {
+ transform: skewX(-12deg);
+ }
+
+ .sm\:hover\:-skew-x-6:hover {
+ transform: skewX(-6deg);
+ }
+
+ .sm\:hover\:-skew-x-3:hover {
+ transform: skewX(-3deg);
+ }
+
+ .sm\:hover\:skew-y-0:hover {
+ transform: skewY(0);
+ }
+
+ .sm\:hover\:skew-y-3:hover {
+ transform: skewY(3deg);
+ }
+
+ .sm\:hover\:skew-y-6:hover {
+ transform: skewY(6deg);
+ }
+
+ .sm\:hover\:skew-y-12:hover {
+ transform: skewY(12deg);
+ }
+
+ .sm\:hover\:-skew-y-12:hover {
+ transform: skewY(-12deg);
+ }
+
+ .sm\:hover\:-skew-y-6:hover {
+ transform: skewY(-6deg);
+ }
+
+ .sm\:hover\:-skew-y-3:hover {
+ transform: skewY(-3deg);
+ }
+
+ .sm\:focus\:skew-x-0:focus {
+ transform: skewX(0);
+ }
+
+ .sm\:focus\:skew-x-3:focus {
+ transform: skewX(3deg);
+ }
+
+ .sm\:focus\:skew-x-6:focus {
+ transform: skewX(6deg);
+ }
+
+ .sm\:focus\:skew-x-12:focus {
+ transform: skewX(12deg);
+ }
+
+ .sm\:focus\:-skew-x-12:focus {
+ transform: skewX(-12deg);
+ }
+
+ .sm\:focus\:-skew-x-6:focus {
+ transform: skewX(-6deg);
+ }
+
+ .sm\:focus\:-skew-x-3:focus {
+ transform: skewX(-3deg);
+ }
+
+ .sm\:focus\:skew-y-0:focus {
+ transform: skewY(0);
+ }
+
+ .sm\:focus\:skew-y-3:focus {
+ transform: skewY(3deg);
+ }
+
+ .sm\:focus\:skew-y-6:focus {
+ transform: skewY(6deg);
+ }
+
+ .sm\:focus\:skew-y-12:focus {
+ transform: skewY(12deg);
+ }
+
+ .sm\:focus\:-skew-y-12:focus {
+ transform: skewY(-12deg);
+ }
+
+ .sm\:focus\:-skew-y-6:focus {
+ transform: skewY(-6deg);
+ }
+
+ .sm\:focus\:-skew-y-3:focus {
+ transform: skewY(-3deg);
+ }
+
+ .sm\:transition-none {
+ transition-property: none;
+ }
+
+ .sm\:transition-all {
+ transition-property: all;
+ }
+
+ .sm\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .sm\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .sm\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .sm\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .sm\:transition-transform {
+ transition-property: transform;
+ }
+
+ .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);
+ }
+
+ .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\: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\: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\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
+
+@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;
+ }
+ }
+
+ .md\:space-y-0 > :not(template) ~ :not(template) {
+ margin-top: 0;
+ }
+
+ .md\:space-x-0 > :not(template) ~ :not(template) {
+ margin-left: 0;
+ }
+
+ .md\:space-y-1 > :not(template) ~ :not(template) {
+ margin-top: 0.25rem;
+ }
+
+ .md\:space-x-1 > :not(template) ~ :not(template) {
+ margin-left: 0.25rem;
+ }
+
+ .md\:space-y-2 > :not(template) ~ :not(template) {
+ margin-top: 0.5rem;
+ }
+
+ .md\:space-x-2 > :not(template) ~ :not(template) {
+ margin-left: 0.5rem;
+ }
+
+ .md\:space-y-3 > :not(template) ~ :not(template) {
+ margin-top: 0.75rem;
+ }
+
+ .md\:space-x-3 > :not(template) ~ :not(template) {
+ margin-left: 0.75rem;
+ }
+
+ .md\:space-y-4 > :not(template) ~ :not(template) {
+ margin-top: 1rem;
+ }
+
+ .md\:space-x-4 > :not(template) ~ :not(template) {
+ margin-left: 1rem;
+ }
+
+ .md\:space-y-5 > :not(template) ~ :not(template) {
+ margin-top: 1.25rem;
+ }
+
+ .md\:space-x-5 > :not(template) ~ :not(template) {
+ margin-left: 1.25rem;
+ }
+
+ .md\:space-y-6 > :not(template) ~ :not(template) {
+ margin-top: 1.5rem;
+ }
+
+ .md\:space-x-6 > :not(template) ~ :not(template) {
+ margin-left: 1.5rem;
+ }
+
+ .md\:space-y-8 > :not(template) ~ :not(template) {
+ margin-top: 2rem;
+ }
+
+ .md\:space-x-8 > :not(template) ~ :not(template) {
+ margin-left: 2rem;
+ }
+
+ .md\:space-y-10 > :not(template) ~ :not(template) {
+ margin-top: 2.5rem;
+ }
+
+ .md\:space-x-10 > :not(template) ~ :not(template) {
+ margin-left: 2.5rem;
+ }
+
+ .md\:space-y-12 > :not(template) ~ :not(template) {
+ margin-top: 3rem;
+ }
+
+ .md\:space-x-12 > :not(template) ~ :not(template) {
+ margin-left: 3rem;
+ }
+
+ .md\:space-y-16 > :not(template) ~ :not(template) {
+ margin-top: 4rem;
+ }
+
+ .md\:space-x-16 > :not(template) ~ :not(template) {
+ margin-left: 4rem;
+ }
+
+ .md\:space-y-20 > :not(template) ~ :not(template) {
+ margin-top: 5rem;
+ }
+
+ .md\:space-x-20 > :not(template) ~ :not(template) {
+ margin-left: 5rem;
+ }
+
+ .md\:space-y-24 > :not(template) ~ :not(template) {
+ margin-top: 6rem;
+ }
+
+ .md\:space-x-24 > :not(template) ~ :not(template) {
+ margin-left: 6rem;
+ }
+
+ .md\:space-y-32 > :not(template) ~ :not(template) {
+ margin-top: 8rem;
+ }
+
+ .md\:space-x-32 > :not(template) ~ :not(template) {
+ margin-left: 8rem;
+ }
+
+ .md\:space-y-40 > :not(template) ~ :not(template) {
+ margin-top: 10rem;
+ }
+
+ .md\:space-x-40 > :not(template) ~ :not(template) {
+ margin-left: 10rem;
+ }
+
+ .md\:space-y-48 > :not(template) ~ :not(template) {
+ margin-top: 12rem;
+ }
+
+ .md\:space-x-48 > :not(template) ~ :not(template) {
+ margin-left: 12rem;
+ }
+
+ .md\:space-y-56 > :not(template) ~ :not(template) {
+ margin-top: 14rem;
+ }
+
+ .md\:space-x-56 > :not(template) ~ :not(template) {
+ margin-left: 14rem;
+ }
+
+ .md\:space-y-64 > :not(template) ~ :not(template) {
+ margin-top: 16rem;
+ }
+
+ .md\:space-x-64 > :not(template) ~ :not(template) {
+ margin-left: 16rem;
+ }
+
+ .md\:space-y-px > :not(template) ~ :not(template) {
+ margin-top: 1px;
+ }
+
+ .md\:space-x-px > :not(template) ~ :not(template) {
+ margin-left: 1px;
+ }
+
+ .md\:-space-y-1 > :not(template) ~ :not(template) {
+ margin-top: -0.25rem;
+ }
+
+ .md\:-space-x-1 > :not(template) ~ :not(template) {
+ margin-left: -0.25rem;
+ }
+
+ .md\:-space-y-2 > :not(template) ~ :not(template) {
+ margin-top: -0.5rem;
+ }
+
+ .md\:-space-x-2 > :not(template) ~ :not(template) {
+ margin-left: -0.5rem;
+ }
+
+ .md\:-space-y-3 > :not(template) ~ :not(template) {
+ margin-top: -0.75rem;
+ }
+
+ .md\:-space-x-3 > :not(template) ~ :not(template) {
+ margin-left: -0.75rem;
+ }
+
+ .md\:-space-y-4 > :not(template) ~ :not(template) {
+ margin-top: -1rem;
+ }
+
+ .md\:-space-x-4 > :not(template) ~ :not(template) {
+ margin-left: -1rem;
+ }
+
+ .md\:-space-y-5 > :not(template) ~ :not(template) {
+ margin-top: -1.25rem;
+ }
+
+ .md\:-space-x-5 > :not(template) ~ :not(template) {
+ margin-left: -1.25rem;
+ }
+
+ .md\:-space-y-6 > :not(template) ~ :not(template) {
+ margin-top: -1.5rem;
+ }
+
+ .md\:-space-x-6 > :not(template) ~ :not(template) {
+ margin-left: -1.5rem;
+ }
+
+ .md\:-space-y-8 > :not(template) ~ :not(template) {
+ margin-top: -2rem;
+ }
+
+ .md\:-space-x-8 > :not(template) ~ :not(template) {
+ margin-left: -2rem;
+ }
+
+ .md\:-space-y-10 > :not(template) ~ :not(template) {
+ margin-top: -2.5rem;
+ }
+
+ .md\:-space-x-10 > :not(template) ~ :not(template) {
+ margin-left: -2.5rem;
+ }
+
+ .md\:-space-y-12 > :not(template) ~ :not(template) {
+ margin-top: -3rem;
+ }
+
+ .md\:-space-x-12 > :not(template) ~ :not(template) {
+ margin-left: -3rem;
+ }
+
+ .md\:-space-y-16 > :not(template) ~ :not(template) {
+ margin-top: -4rem;
+ }
+
+ .md\:-space-x-16 > :not(template) ~ :not(template) {
+ margin-left: -4rem;
+ }
+
+ .md\:-space-y-20 > :not(template) ~ :not(template) {
+ margin-top: -5rem;
+ }
+
+ .md\:-space-x-20 > :not(template) ~ :not(template) {
+ margin-left: -5rem;
+ }
+
+ .md\:-space-y-24 > :not(template) ~ :not(template) {
+ margin-top: -6rem;
+ }
+
+ .md\:-space-x-24 > :not(template) ~ :not(template) {
+ margin-left: -6rem;
+ }
+
+ .md\:-space-y-32 > :not(template) ~ :not(template) {
+ margin-top: -8rem;
+ }
+
+ .md\:-space-x-32 > :not(template) ~ :not(template) {
+ margin-left: -8rem;
+ }
+
+ .md\:-space-y-40 > :not(template) ~ :not(template) {
+ margin-top: -10rem;
+ }
+
+ .md\:-space-x-40 > :not(template) ~ :not(template) {
+ margin-left: -10rem;
+ }
+
+ .md\:-space-y-48 > :not(template) ~ :not(template) {
+ margin-top: -12rem;
+ }
+
+ .md\:-space-x-48 > :not(template) ~ :not(template) {
+ margin-left: -12rem;
+ }
+
+ .md\:-space-y-56 > :not(template) ~ :not(template) {
+ margin-top: -14rem;
+ }
+
+ .md\:-space-x-56 > :not(template) ~ :not(template) {
+ margin-left: -14rem;
+ }
+
+ .md\:-space-y-64 > :not(template) ~ :not(template) {
+ margin-top: -16rem;
+ }
+
+ .md\:-space-x-64 > :not(template) ~ :not(template) {
+ margin-left: -16rem;
+ }
+
+ .md\:-space-y-px > :not(template) ~ :not(template) {
+ margin-top: -1px;
+ }
+
+ .md\:-space-x-px > :not(template) ~ :not(template) {
+ margin-left: -1px;
+ }
+
+ .md\:divide-y-0 > :not(template) ~ :not(template) {
+ border-top-width: 0;
+ }
+
+ .md\:divide-x-0 > :not(template) ~ :not(template) {
+ border-left-width: 0;
+ }
+
+ .md\:divide-y-2 > :not(template) ~ :not(template) {
+ border-top-width: 2px;
+ }
+
+ .md\:divide-x-2 > :not(template) ~ :not(template) {
+ border-left-width: 2px;
+ }
+
+ .md\:divide-y-4 > :not(template) ~ :not(template) {
+ border-top-width: 4px;
+ }
+
+ .md\:divide-x-4 > :not(template) ~ :not(template) {
+ border-left-width: 4px;
+ }
+
+ .md\:divide-y-8 > :not(template) ~ :not(template) {
+ border-top-width: 8px;
+ }
+
+ .md\:divide-x-8 > :not(template) ~ :not(template) {
+ border-left-width: 8px;
+ }
+
+ .md\:divide-y > :not(template) ~ :not(template) {
+ border-top-width: 1px;
+ }
+
+ .md\:divide-x > :not(template) ~ :not(template) {
+ border-left-width: 1px;
+ }
+
+ .md\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .md\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .md\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .md\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .md\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .md\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .md\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .md\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .md\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .md\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .md\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .md\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .md\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .md\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .md\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .md\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .md\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .md\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .md\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .md\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .md\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .md\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .md\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .md\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .md\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .md\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .md\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .md\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .md\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .md\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .md\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .md\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .md\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .md\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .md\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .md\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .md\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .md\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .md\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .md\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .md\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .md\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .md\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .md\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .md\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .md\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .md\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .md\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .md\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .md\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .md\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .md\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .md\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .md\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .md\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .md\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .md\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .md\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .md\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .md\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .md\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .md\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .md\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .md\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .md\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .md\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .md\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .md\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .md\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .md\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .md\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .md\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .md\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .md\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .md\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .md\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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\: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\:appearance-none {
+ appearance: none;
+ }
+
+ .md\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .md\:bg-local {
+ background-attachment: local;
+ }
+
+ .md\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .md\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .md\:bg-current {
+ background-color: currentColor;
+ }
+
+ .md\:bg-black {
+ background-color: #000;
+ }
+
+ .md\:bg-white {
+ background-color: #fff;
+ }
+
+ .md\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .md\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .md\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .md\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .md\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .md\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .md\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .md\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .md\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .md\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .md\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .md\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .md\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .md\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .md\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .md\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .md\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .md\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .md\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .md\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .md\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .md\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .md\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .md\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .md\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .md\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .md\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .md\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .md\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .md\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .md\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .md\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .md\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .md\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .md\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .md\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .md\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .md\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .md\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .md\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .md\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .md\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .md\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .md\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .md\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .md\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .md\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .md\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .md\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .md\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .md\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .md\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .md\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .md\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .md\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .md\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .md\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .md\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .md\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .md\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .md\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .md\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .md\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .md\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .md\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .md\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .md\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .md\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .md\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .md\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .md\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .md\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .md\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .md\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .md\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .md\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .md\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .md\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .md\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .md\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .md\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .md\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .md\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .md\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .md\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .md\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .md\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .md\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .md\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .md\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .md\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .md\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .md\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .md\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .md\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .md\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .md\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .md\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .md\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .md\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .md\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .md\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .md\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .md\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .md\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .md\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .md\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .md\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .md\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .md\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .md\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .md\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .md\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .md\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .md\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .md\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .md\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .md\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .md\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .md\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .md\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .md\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .md\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .md\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .md\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .md\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .md\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .md\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .md\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .md\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .md\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .md\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .md\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .md\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .md\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .md\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .md\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .md\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .md\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .md\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .md\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .md\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .md\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .md\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .md\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .md\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .md\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .md\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .md\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .md\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .md\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .md\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .md\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .md\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .md\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .md\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .md\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .md\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .md\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .md\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .md\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .md\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .md\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .md\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .md\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .md\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .md\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .md\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .md\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .md\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .md\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .md\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .md\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .md\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .md\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .md\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .md\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .md\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .md\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .md\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .md\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .md\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .md\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .md\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .md\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .md\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .md\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .md\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .md\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .md\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .md\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .md\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .md\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .md\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .md\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .md\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .md\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .md\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .md\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .md\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .md\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .md\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .md\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .md\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .md\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .md\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .md\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .md\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .md\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .md\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .md\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .md\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .md\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .md\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .md\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .md\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .md\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .md\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .md\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .md\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .md\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .md\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .md\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .md\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .md\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .md\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .md\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .md\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .md\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .md\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .md\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .md\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .md\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .md\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .md\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .md\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .md\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .md\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .md\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .md\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .md\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .md\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .md\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .md\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .md\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .md\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .md\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .md\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .md\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .md\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .md\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .md\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .md\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .md\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .md\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .md\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .md\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .md\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .md\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .md\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .md\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .md\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .md\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .md\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .md\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .md\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .md\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .md\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .md\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .md\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .md\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .md\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .md\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .md\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .md\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .md\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .md\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .md\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .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-auto {
+ background-size: auto;
+ }
+
+ .md\:bg-cover {
+ background-size: cover;
+ }
+
+ .md\:bg-contain {
+ background-size: contain;
+ }
+
+ .md\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .md\:border-separate {
+ border-collapse: separate;
+ }
+
+ .md\:border-transparent {
+ border-color: transparent;
+ }
+
+ .md\:border-current {
+ border-color: currentColor;
+ }
+
+ .md\:border-black {
+ border-color: #000;
+ }
+
+ .md\:border-white {
+ border-color: #fff;
+ }
+
+ .md\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .md\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .md\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .md\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .md\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .md\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .md\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .md\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .md\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .md\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .md\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .md\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .md\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .md\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .md\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .md\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .md\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .md\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .md\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .md\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .md\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .md\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .md\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .md\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .md\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .md\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .md\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .md\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .md\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .md\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .md\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .md\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .md\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .md\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .md\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .md\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .md\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .md\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .md\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .md\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .md\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .md\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .md\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .md\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .md\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .md\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .md\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .md\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .md\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .md\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .md\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .md\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .md\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .md\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .md\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .md\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .md\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .md\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .md\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .md\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .md\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .md\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .md\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .md\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .md\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .md\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .md\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .md\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .md\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .md\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .md\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .md\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .md\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .md\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .md\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .md\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .md\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .md\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .md\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .md\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .md\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .md\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .md\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .md\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .md\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .md\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .md\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .md\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .md\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .md\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .md\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .md\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .md\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .md\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .md\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .md\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .md\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .md\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .md\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .md\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .md\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .md\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .md\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .md\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .md\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .md\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .md\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .md\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .md\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .md\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .md\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .md\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .md\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .md\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .md\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .md\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .md\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .md\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .md\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .md\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .md\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .md\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .md\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .md\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .md\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .md\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .md\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .md\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .md\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .md\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .md\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .md\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .md\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .md\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .md\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .md\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .md\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .md\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .md\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .md\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .md\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .md\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .md\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .md\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .md\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .md\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .md\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .md\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .md\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .md\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .md\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .md\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .md\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .md\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .md\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .md\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .md\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .md\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .md\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .md\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .md\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .md\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .md\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .md\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .md\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .md\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .md\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .md\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .md\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .md\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .md\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .md\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .md\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .md\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .md\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .md\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .md\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .md\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .md\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .md\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .md\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .md\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .md\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .md\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .md\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .md\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .md\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .md\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .md\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .md\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .md\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .md\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .md\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .md\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .md\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .md\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .md\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .md\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .md\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .md\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .md\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .md\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .md\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .md\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .md\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .md\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .md\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .md\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .md\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .md\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .md\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .md\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .md\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .md\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .md\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .md\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .md\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .md\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .md\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .md\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .md\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .md\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .md\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .md\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .md\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .md\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .md\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .md\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .md\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .md\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .md\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .md\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .md\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .md\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .md\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .md\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .md\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .md\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .md\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .md\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .md\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .md\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .md\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .md\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .md\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .md\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .md\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .md\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .md\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .md\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .md\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .md\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .md\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .md\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .md\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .md\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .md\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .md\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .md\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .md\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .md\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .md\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .md\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .md\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .md\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .md\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .md\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .md\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .md\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .md\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .md\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .md\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .md\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .md\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .md\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .md\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .md\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .md\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .md\:rounded-none {
+ border-radius: 0;
+ }
+
+ .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-full {
+ border-radius: 9999px;
+ }
+
+ .md\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .md\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .md\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .md\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .md\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .md\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .md\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .md\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .md\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .md\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .md\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .md\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .md\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .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-0 {
+ border-width: 0;
+ }
+
+ .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: 0;
+ }
+
+ .md\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .md\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .md\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .md\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .md\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .md\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .md\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .md\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .md\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .md\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .md\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .md\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .md\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .md\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .md\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .md\:border-t {
+ border-top-width: 1px;
+ }
+
+ .md\:border-r {
+ border-right-width: 1px;
+ }
+
+ .md\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .md\:border-l {
+ border-left-width: 1px;
+ }
+
+ .md\:box-border {
+ box-sizing: border-box;
+ }
+
+ .md\:box-content {
+ box-sizing: content-box;
+ }
+
+ .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-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .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\: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\:hidden {
+ display: 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-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .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\: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\: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\: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\: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-grow-0 {
+ flex-grow: 0;
+ }
+
+ .md\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .md\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .md\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .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\:float-right {
+ float: right;
+ }
+
+ .md\:float-left {
+ float: left;
+ }
+
+ .md\:float-none {
+ float: none;
+ }
+
+ .md\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .md\:clear-left {
+ clear: left;
+ }
+
+ .md\:clear-right {
+ clear: right;
+ }
+
+ .md\:clear-both {
+ clear: both;
+ }
+
+ .md\:clear-none {
+ clear: none;
+ }
+
+ .md\:font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .md\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .md\:font-hairline {
+ font-weight: 100;
+ }
+
+ .md\:font-thin {
+ 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\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .md\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .md\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .md\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .md\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .md\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .md\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .md\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .md\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .md\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .md\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .md\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .md\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .md\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .md\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .md\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .md\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .md\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .md\:h-0 {
+ height: 0;
+ }
+
+ .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-8 {
+ height: 2rem;
+ }
+
+ .md\:h-10 {
+ height: 2.5rem;
+ }
+
+ .md\:h-12 {
+ height: 3rem;
+ }
+
+ .md\:h-16 {
+ height: 4rem;
+ }
+
+ .md\:h-20 {
+ height: 5rem;
+ }
+
+ .md\:h-24 {
+ height: 6rem;
+ }
+
+ .md\:h-32 {
+ height: 8rem;
+ }
+
+ .md\:h-40 {
+ height: 10rem;
+ }
+
+ .md\:h-48 {
+ height: 12rem;
+ }
+
+ .md\:h-56 {
+ height: 14rem;
+ }
+
+ .md\:h-64 {
+ height: 16rem;
+ }
+
+ .md\:h-auto {
+ height: auto;
+ }
+
+ .md\:h-px {
+ height: 1px;
+ }
+
+ .md\:h-full {
+ height: 100%;
+ }
+
+ .md\:h-screen {
+ height: 100vh;
+ }
+
+ .md\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .md\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .md\:text-base {
+ font-size: 1rem;
+ }
+
+ .md\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .md\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .md\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .md\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .md\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .md\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .md\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .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\: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\:m-0 {
+ margin: 0;
+ }
+
+ .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-8 {
+ margin: 2rem;
+ }
+
+ .md\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .md\:m-12 {
+ margin: 3rem;
+ }
+
+ .md\:m-16 {
+ margin: 4rem;
+ }
+
+ .md\:m-20 {
+ margin: 5rem;
+ }
+
+ .md\:m-24 {
+ margin: 6rem;
+ }
+
+ .md\:m-32 {
+ margin: 8rem;
+ }
+
+ .md\:m-40 {
+ margin: 10rem;
+ }
+
+ .md\:m-48 {
+ margin: 12rem;
+ }
+
+ .md\:m-56 {
+ margin: 14rem;
+ }
+
+ .md\:m-64 {
+ margin: 16rem;
+ }
+
+ .md\:m-auto {
+ margin: auto;
+ }
+
+ .md\:m-px {
+ margin: 1px;
+ }
+
+ .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-8 {
+ margin: -2rem;
+ }
+
+ .md\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .md\:-m-12 {
+ margin: -3rem;
+ }
+
+ .md\:-m-16 {
+ margin: -4rem;
+ }
+
+ .md\:-m-20 {
+ margin: -5rem;
+ }
+
+ .md\:-m-24 {
+ margin: -6rem;
+ }
+
+ .md\:-m-32 {
+ margin: -8rem;
+ }
+
+ .md\:-m-40 {
+ margin: -10rem;
+ }
+
+ .md\:-m-48 {
+ margin: -12rem;
+ }
+
+ .md\:-m-56 {
+ margin: -14rem;
+ }
+
+ .md\:-m-64 {
+ margin: -16rem;
+ }
+
+ .md\:-m-px {
+ margin: -1px;
+ }
+
+ .md\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .md\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .md\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .md\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .md\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .md\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .md\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .md\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .md\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .md\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .md\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .md\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .md\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .md\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .md\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .md\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .md\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .md\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .md\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .md\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .md\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .md\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .md\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .md\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .md\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .md\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .md\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .md\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .md\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .md\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .md\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .md\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .md\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .md\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .md\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .md\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .md\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .md\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .md\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .md\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .md\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .md\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .md\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .md\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .md\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .md\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .md\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .md\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .md\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .md\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .md\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .md\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .md\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .md\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .md\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .md\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .md\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .md\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .md\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .md\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .md\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .md\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .md\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .md\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .md\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .md\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .md\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .md\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .md\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .md\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .md\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .md\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .md\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .md\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .md\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .md\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .md\:mt-0 {
+ margin-top: 0;
+ }
+
+ .md\:mr-0 {
+ margin-right: 0;
+ }
+
+ .md\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .md\:ml-0 {
+ margin-left: 0;
+ }
+
+ .md\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .md\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .md\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .md\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .md\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .md\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .md\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .md\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .md\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .md\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .md\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .md\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .md\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .md\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .md\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .md\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .md\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .md\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .md\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .md\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .md\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .md\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .md\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .md\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .md\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .md\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .md\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .md\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .md\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .md\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .md\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .md\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .md\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .md\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .md\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .md\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .md\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .md\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .md\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .md\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .md\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .md\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .md\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .md\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .md\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .md\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .md\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .md\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .md\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .md\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .md\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .md\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .md\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .md\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .md\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .md\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .md\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .md\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .md\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .md\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .md\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .md\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .md\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .md\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .md\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .md\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .md\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .md\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .md\:mt-auto {
+ margin-top: auto;
+ }
+
+ .md\:mr-auto {
+ margin-right: auto;
+ }
+
+ .md\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .md\:ml-auto {
+ margin-left: auto;
+ }
+
+ .md\:mt-px {
+ margin-top: 1px;
+ }
+
+ .md\:mr-px {
+ margin-right: 1px;
+ }
+
+ .md\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .md\:ml-px {
+ margin-left: 1px;
+ }
+
+ .md\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .md\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .md\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .md\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .md\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .md\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .md\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .md\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .md\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .md\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .md\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .md\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .md\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .md\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .md\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .md\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .md\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .md\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .md\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .md\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .md\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .md\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .md\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .md\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .md\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .md\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .md\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .md\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .md\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .md\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .md\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .md\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .md\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .md\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .md\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .md\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .md\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .md\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .md\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .md\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .md\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .md\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .md\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .md\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .md\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .md\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .md\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .md\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .md\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .md\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .md\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .md\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .md\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .md\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .md\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .md\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .md\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .md\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .md\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .md\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .md\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .md\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .md\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .md\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .md\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .md\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .md\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .md\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .md\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .md\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .md\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .md\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .md\:max-h-full {
+ max-height: 100%;
+ }
+
+ .md\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .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-full {
+ max-width: 100%;
+ }
+
+ .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\:min-h-0 {
+ min-height: 0;
+ }
+
+ .md\:min-h-full {
+ min-height: 100%;
+ }
+
+ .md\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .md\:min-w-0 {
+ min-width: 0;
+ }
+
+ .md\:min-w-full {
+ min-width: 100%;
+ }
+
+ .md\:opacity-0 {
+ opacity: 0;
+ }
+
+ .md\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .md\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .md\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .md\:opacity-100 {
+ opacity: 1;
+ }
+
+ .md\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .md\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .md\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .md\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .md\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .md\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .md\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .md\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .md\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .md\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .md\:outline-none {
+ outline: 0;
+ }
+
+ .md\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .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\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .md\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .md\:p-0 {
+ padding: 0;
+ }
+
+ .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-8 {
+ padding: 2rem;
+ }
+
+ .md\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .md\:p-12 {
+ padding: 3rem;
+ }
+
+ .md\:p-16 {
+ padding: 4rem;
+ }
+
+ .md\:p-20 {
+ padding: 5rem;
+ }
+
+ .md\:p-24 {
+ padding: 6rem;
+ }
+
+ .md\:p-32 {
+ padding: 8rem;
+ }
+
+ .md\:p-40 {
+ padding: 10rem;
+ }
+
+ .md\:p-48 {
+ padding: 12rem;
+ }
+
+ .md\:p-56 {
+ padding: 14rem;
+ }
+
+ .md\:p-64 {
+ padding: 16rem;
+ }
+
+ .md\:p-px {
+ padding: 1px;
+ }
+
+ .md\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .md\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .md\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .md\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .md\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .md\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .md\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .md\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .md\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .md\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .md\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .md\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .md\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .md\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .md\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .md\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .md\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .md\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .md\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .md\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .md\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .md\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .md\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .md\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .md\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .md\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .md\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .md\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .md\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .md\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .md\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .md\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .md\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .md\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .md\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .md\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .md\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .md\:pt-0 {
+ padding-top: 0;
+ }
+
+ .md\:pr-0 {
+ padding-right: 0;
+ }
+
+ .md\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .md\:pl-0 {
+ padding-left: 0;
+ }
+
+ .md\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .md\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .md\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .md\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .md\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .md\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .md\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .md\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .md\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .md\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .md\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .md\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .md\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .md\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .md\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .md\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .md\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .md\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .md\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .md\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .md\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .md\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .md\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .md\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .md\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .md\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .md\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .md\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .md\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .md\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .md\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .md\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .md\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .md\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .md\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .md\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .md\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .md\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .md\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .md\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .md\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .md\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .md\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .md\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .md\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .md\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .md\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .md\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .md\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .md\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .md\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .md\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .md\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .md\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .md\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .md\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .md\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .md\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .md\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .md\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .md\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .md\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .md\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .md\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .md\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .md\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .md\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .md\:pt-px {
+ padding-top: 1px;
+ }
+
+ .md\:pr-px {
+ padding-right: 1px;
+ }
+
+ .md\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .md\:pl-px {
+ padding-left: 1px;
+ }
+
+ .md\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .md\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .md\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .md\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .md\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .md\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .md\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .md\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .md\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .md\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .md\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .md\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .md\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .md\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .md\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .md\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .md\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .md\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .md\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .md\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .md\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .md\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .md\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .md\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .md\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .md\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .md\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .md\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .md\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .md\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .md\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .md\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .md\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .md\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .md\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .md\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .md\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .md\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .md\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .md\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .md\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .md\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .md\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .md\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .md\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .md\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .md\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .md\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .md\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .md\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .md\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .md\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .md\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .md\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .md\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .md\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .md\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .md\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .md\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .md\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .md\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .md\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .md\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .md\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .md\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .md\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .md\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .md\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .md\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .md\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .md\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .md\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .md\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .md\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .md\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .md\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .md\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .md\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .md\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .md\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .md\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .md\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .md\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .md\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .md\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .md\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .md\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .md\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .md\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .md\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .md\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .md\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .md\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .md\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .md\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .md\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .md\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .md\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .md\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .md\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .md\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .md\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .md\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .md\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .md\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .md\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .md\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .md\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .md\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .md\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .md\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .md\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .md\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .md\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .md\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .md\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .md\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .md\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .md\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .md\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .md\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .md\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .md\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .md\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .md\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .md\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .md\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .md\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .md\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .md\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .md\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .md\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .md\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .md\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .md\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .md\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .md\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .md\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .md\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .md\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .md\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .md\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .md\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .md\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .md\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .md\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .md\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .md\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .md\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .md\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .md\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .md\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .md\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .md\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .md\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .md\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .md\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .md\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .md\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .md\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .md\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .md\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .md\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .md\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .md\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .md\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .md\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .md\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .md\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .md\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .md\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .md\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .md\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .md\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .md\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .md\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .md\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .md\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .md\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .md\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .md\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .md\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .md\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .md\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .md\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .md\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .md\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .md\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .md\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .md\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .md\:static {
+ position: static;
+ }
+
+ .md\:fixed {
+ position: fixed;
+ }
+
+ .md\:absolute {
+ position: absolute;
+ }
+
+ .md\:relative {
+ position: relative;
+ }
+
+ .md\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .md\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .md\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .md\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .md\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .md\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .md\:top-0 {
+ top: 0;
+ }
+
+ .md\:right-0 {
+ right: 0;
+ }
+
+ .md\:bottom-0 {
+ bottom: 0;
+ }
+
+ .md\:left-0 {
+ left: 0;
+ }
+
+ .md\:top-auto {
+ top: auto;
+ }
+
+ .md\:right-auto {
+ right: auto;
+ }
+
+ .md\:bottom-auto {
+ bottom: auto;
+ }
+
+ .md\:left-auto {
+ left: auto;
+ }
+
+ .md\:resize-none {
+ resize: none;
+ }
+
+ .md\:resize-y {
+ resize: vertical;
+ }
+
+ .md\:resize-x {
+ resize: horizontal;
+ }
+
+ .md\:resize {
+ resize: both;
+ }
+
+ .md\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:shadow-none {
+ box-shadow: none;
+ }
+
+ .md\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .md\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .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\:table-auto {
+ table-layout: auto;
+ }
+
+ .md\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .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\:text-transparent {
+ color: transparent;
+ }
+
+ .md\:text-current {
+ color: currentColor;
+ }
+
+ .md\:text-black {
+ color: #000;
+ }
+
+ .md\:text-white {
+ color: #fff;
+ }
+
+ .md\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .md\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .md\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .md\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .md\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .md\:text-gray-600 {
+ color: #718096;
+ }
+
+ .md\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .md\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .md\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .md\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .md\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .md\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .md\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .md\:text-red-500 {
+ color: #f56565;
+ }
+
+ .md\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .md\:text-red-700 {
+ color: #c53030;
+ }
+
+ .md\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .md\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .md\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .md\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .md\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .md\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .md\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .md\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .md\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .md\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .md\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .md\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .md\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .md\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .md\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .md\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .md\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .md\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .md\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .md\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .md\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .md\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .md\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .md\:text-green-400 {
+ color: #68d391;
+ }
+
+ .md\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .md\:text-green-600 {
+ color: #38a169;
+ }
+
+ .md\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .md\:text-green-800 {
+ color: #276749;
+ }
+
+ .md\:text-green-900 {
+ color: #22543d;
+ }
+
+ .md\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .md\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .md\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .md\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .md\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .md\:text-teal-600 {
+ color: #319795;
+ }
+
+ .md\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .md\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .md\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .md\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .md\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .md\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .md\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .md\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .md\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .md\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .md\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .md\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .md\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .md\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .md\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .md\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .md\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .md\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .md\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .md\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .md\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .md\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .md\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .md\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .md\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .md\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .md\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .md\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .md\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .md\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .md\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .md\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .md\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .md\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .md\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .md\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .md\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .md\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .md\:text-pink-900 {
+ color: #702459;
+ }
+
+ .md\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .md\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .md\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .md\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .md\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .md\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .md\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .md\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .md\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .md\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .md\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .md\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .md\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .md\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .md\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .md\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .md\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .md\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .md\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .md\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .md\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .md\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .md\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .md\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .md\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .md\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .md\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .md\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .md\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .md\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .md\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .md\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .md\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .md\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .md\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .md\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .md\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .md\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .md\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .md\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .md\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .md\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .md\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .md\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .md\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .md\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .md\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .md\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .md\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .md\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .md\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .md\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .md\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .md\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .md\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .md\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .md\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .md\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .md\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .md\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .md\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .md\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .md\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .md\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .md\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .md\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .md\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .md\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .md\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .md\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .md\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .md\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .md\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .md\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .md\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .md\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .md\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .md\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .md\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .md\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .md\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .md\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .md\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .md\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .md\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .md\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .md\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .md\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .md\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .md\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .md\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .md\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .md\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .md\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .md\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .md\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .md\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .md\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .md\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .md\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .md\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .md\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .md\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .md\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .md\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .md\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .md\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .md\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .md\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .md\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .md\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .md\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .md\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .md\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .md\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .md\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .md\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .md\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .md\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .md\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .md\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .md\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .md\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .md\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .md\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .md\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .md\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .md\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .md\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .md\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .md\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .md\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .md\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .md\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .md\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .md\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .md\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .md\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .md\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .md\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .md\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .md\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .md\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .md\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .md\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .md\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .md\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .md\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .md\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .md\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .md\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .md\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .md\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .md\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .md\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .md\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .md\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .md\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .md\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .md\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .md\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .md\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .md\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .md\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .md\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .md\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .md\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .md\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .md\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .md\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .md\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .md\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .md\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .md\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .md\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .md\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .md\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .md\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .md\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .md\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .md\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .md\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .md\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .md\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .md\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .md\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .md\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .md\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .md\:italic {
+ font-style: italic;
+ }
+
+ .md\:not-italic {
+ font-style: normal;
+ }
+
+ .md\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .md\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .md\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .md\:normal-case {
+ text-transform: none;
+ }
+
+ .md\:underline {
+ text-decoration: underline;
+ }
+
+ .md\:line-through {
+ text-decoration: line-through;
+ }
+
+ .md\:no-underline {
+ 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\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .md\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .md\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .md\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .md\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .md\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .md\:select-none {
+ user-select: none;
+ }
+
+ .md\:select-text {
+ user-select: text;
+ }
+
+ .md\:select-all {
+ user-select: all;
+ }
+
+ .md\:select-auto {
+ user-select: auto;
+ }
+
+ .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\:visible {
+ visibility: visible;
+ }
+
+ .md\:invisible {
+ visibility: hidden;
+ }
+
+ .md\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .md\:whitespace-no-wrap {
+ 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\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .md\:w-0 {
+ width: 0;
+ }
+
+ .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-8 {
+ width: 2rem;
+ }
+
+ .md\:w-10 {
+ width: 2.5rem;
+ }
+
+ .md\:w-12 {
+ width: 3rem;
+ }
+
+ .md\:w-16 {
+ width: 4rem;
+ }
+
+ .md\:w-20 {
+ width: 5rem;
+ }
+
+ .md\:w-24 {
+ width: 6rem;
+ }
+
+ .md\:w-32 {
+ width: 8rem;
+ }
+
+ .md\:w-40 {
+ width: 10rem;
+ }
+
+ .md\:w-48 {
+ width: 12rem;
+ }
+
+ .md\:w-56 {
+ width: 14rem;
+ }
+
+ .md\:w-64 {
+ width: 16rem;
+ }
+
+ .md\:w-auto {
+ width: auto;
+ }
+
+ .md\:w-px {
+ width: 1px;
+ }
+
+ .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\: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\: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\:scale-0 {
+ transform: scale(0);
+ }
+
+ .md\:scale-50 {
+ transform: scale(.5);
+ }
+
+ .md\:scale-75 {
+ transform: scale(.75);
+ }
+
+ .md\:scale-90 {
+ transform: scale(.9);
+ }
+
+ .md\:scale-95 {
+ transform: scale(.95);
+ }
+
+ .md\:scale-100 {
+ transform: scale(1);
+ }
+
+ .md\:scale-105 {
+ transform: scale(1.05);
+ }
+
+ .md\:scale-110 {
+ transform: scale(1.1);
+ }
+
+ .md\:scale-125 {
+ transform: scale(1.25);
+ }
+
+ .md\:scale-150 {
+ transform: scale(1.5);
+ }
+
+ .md\:scale-x-0 {
+ transform: scaleX(0);
+ }
+
+ .md\:scale-x-50 {
+ transform: scaleX(.5);
+ }
+
+ .md\:scale-x-75 {
+ transform: scaleX(.75);
+ }
+
+ .md\:scale-x-90 {
+ transform: scaleX(.9);
+ }
+
+ .md\:scale-x-95 {
+ transform: scaleX(.95);
+ }
+
+ .md\:scale-x-100 {
+ transform: scaleX(1);
+ }
+
+ .md\:scale-x-105 {
+ transform: scaleX(1.05);
+ }
+
+ .md\:scale-x-110 {
+ transform: scaleX(1.1);
+ }
+
+ .md\:scale-x-125 {
+ transform: scaleX(1.25);
+ }
+
+ .md\:scale-x-150 {
+ transform: scaleX(1.5);
+ }
+
+ .md\:scale-y-0 {
+ transform: scaleY(0);
+ }
+
+ .md\:scale-y-50 {
+ transform: scaleY(.5);
+ }
+
+ .md\:scale-y-75 {
+ transform: scaleY(.75);
+ }
+
+ .md\:scale-y-90 {
+ transform: scaleY(.9);
+ }
+
+ .md\:scale-y-95 {
+ transform: scaleY(.95);
+ }
+
+ .md\:scale-y-100 {
+ transform: scaleY(1);
+ }
+
+ .md\:scale-y-105 {
+ transform: scaleY(1.05);
+ }
+
+ .md\:scale-y-110 {
+ transform: scaleY(1.1);
+ }
+
+ .md\:scale-y-125 {
+ transform: scaleY(1.25);
+ }
+
+ .md\:scale-y-150 {
+ transform: scaleY(1.5);
+ }
+
+ .md\:hover\:scale-0:hover {
+ transform: scale(0);
+ }
+
+ .md\:hover\:scale-50:hover {
+ transform: scale(.5);
+ }
+
+ .md\:hover\:scale-75:hover {
+ transform: scale(.75);
+ }
+
+ .md\:hover\:scale-90:hover {
+ transform: scale(.9);
+ }
+
+ .md\:hover\:scale-95:hover {
+ transform: scale(.95);
+ }
+
+ .md\:hover\:scale-100:hover {
+ transform: scale(1);
+ }
+
+ .md\:hover\:scale-105:hover {
+ transform: scale(1.05);
+ }
+
+ .md\:hover\:scale-110:hover {
+ transform: scale(1.1);
+ }
+
+ .md\:hover\:scale-125:hover {
+ transform: scale(1.25);
+ }
+
+ .md\:hover\:scale-150:hover {
+ transform: scale(1.5);
+ }
+
+ .md\:hover\:scale-x-0:hover {
+ transform: scaleX(0);
+ }
+
+ .md\:hover\:scale-x-50:hover {
+ transform: scaleX(.5);
+ }
+
+ .md\:hover\:scale-x-75:hover {
+ transform: scaleX(.75);
+ }
+
+ .md\:hover\:scale-x-90:hover {
+ transform: scaleX(.9);
+ }
+
+ .md\:hover\:scale-x-95:hover {
+ transform: scaleX(.95);
+ }
+
+ .md\:hover\:scale-x-100:hover {
+ transform: scaleX(1);
+ }
+
+ .md\:hover\:scale-x-105:hover {
+ transform: scaleX(1.05);
+ }
+
+ .md\:hover\:scale-x-110:hover {
+ transform: scaleX(1.1);
+ }
+
+ .md\:hover\:scale-x-125:hover {
+ transform: scaleX(1.25);
+ }
+
+ .md\:hover\:scale-x-150:hover {
+ transform: scaleX(1.5);
+ }
+
+ .md\:hover\:scale-y-0:hover {
+ transform: scaleY(0);
+ }
+
+ .md\:hover\:scale-y-50:hover {
+ transform: scaleY(.5);
+ }
+
+ .md\:hover\:scale-y-75:hover {
+ transform: scaleY(.75);
+ }
+
+ .md\:hover\:scale-y-90:hover {
+ transform: scaleY(.9);
+ }
+
+ .md\:hover\:scale-y-95:hover {
+ transform: scaleY(.95);
+ }
+
+ .md\:hover\:scale-y-100:hover {
+ transform: scaleY(1);
+ }
+
+ .md\:hover\:scale-y-105:hover {
+ transform: scaleY(1.05);
+ }
+
+ .md\:hover\:scale-y-110:hover {
+ transform: scaleY(1.1);
+ }
+
+ .md\:hover\:scale-y-125:hover {
+ transform: scaleY(1.25);
+ }
+
+ .md\:hover\:scale-y-150:hover {
+ transform: scaleY(1.5);
+ }
+
+ .md\:focus\:scale-0:focus {
+ transform: scale(0);
+ }
+
+ .md\:focus\:scale-50:focus {
+ transform: scale(.5);
+ }
+
+ .md\:focus\:scale-75:focus {
+ transform: scale(.75);
+ }
+
+ .md\:focus\:scale-90:focus {
+ transform: scale(.9);
+ }
+
+ .md\:focus\:scale-95:focus {
+ transform: scale(.95);
+ }
+
+ .md\:focus\:scale-100:focus {
+ transform: scale(1);
+ }
+
+ .md\:focus\:scale-105:focus {
+ transform: scale(1.05);
+ }
+
+ .md\:focus\:scale-110:focus {
+ transform: scale(1.1);
+ }
+
+ .md\:focus\:scale-125:focus {
+ transform: scale(1.25);
+ }
+
+ .md\:focus\:scale-150:focus {
+ transform: scale(1.5);
+ }
+
+ .md\:focus\:scale-x-0:focus {
+ transform: scaleX(0);
+ }
+
+ .md\:focus\:scale-x-50:focus {
+ transform: scaleX(.5);
+ }
+
+ .md\:focus\:scale-x-75:focus {
+ transform: scaleX(.75);
+ }
+
+ .md\:focus\:scale-x-90:focus {
+ transform: scaleX(.9);
+ }
+
+ .md\:focus\:scale-x-95:focus {
+ transform: scaleX(.95);
+ }
+
+ .md\:focus\:scale-x-100:focus {
+ transform: scaleX(1);
+ }
+
+ .md\:focus\:scale-x-105:focus {
+ transform: scaleX(1.05);
+ }
+
+ .md\:focus\:scale-x-110:focus {
+ transform: scaleX(1.1);
+ }
+
+ .md\:focus\:scale-x-125:focus {
+ transform: scaleX(1.25);
+ }
+
+ .md\:focus\:scale-x-150:focus {
+ transform: scaleX(1.5);
+ }
+
+ .md\:focus\:scale-y-0:focus {
+ transform: scaleY(0);
+ }
+
+ .md\:focus\:scale-y-50:focus {
+ transform: scaleY(.5);
+ }
+
+ .md\:focus\:scale-y-75:focus {
+ transform: scaleY(.75);
+ }
+
+ .md\:focus\:scale-y-90:focus {
+ transform: scaleY(.9);
+ }
+
+ .md\:focus\:scale-y-95:focus {
+ transform: scaleY(.95);
+ }
+
+ .md\:focus\:scale-y-100:focus {
+ transform: scaleY(1);
+ }
+
+ .md\:focus\:scale-y-105:focus {
+ transform: scaleY(1.05);
+ }
+
+ .md\:focus\:scale-y-110:focus {
+ transform: scaleY(1.1);
+ }
+
+ .md\:focus\:scale-y-125:focus {
+ transform: scaleY(1.25);
+ }
+
+ .md\:focus\:scale-y-150:focus {
+ transform: scaleY(1.5);
+ }
+
+ .md\:rotate-0 {
+ transform: rotate(0);
+ }
+
+ .md\:rotate-45 {
+ transform: rotate(45deg);
+ }
+
+ .md\:rotate-90 {
+ transform: rotate(90deg);
+ }
+
+ .md\:rotate-180 {
+ transform: rotate(180deg);
+ }
+
+ .md\:-rotate-180 {
+ transform: rotate(-180deg);
+ }
+
+ .md\:-rotate-90 {
+ transform: rotate(-90deg);
+ }
+
+ .md\:-rotate-45 {
+ transform: rotate(-45deg);
+ }
+
+ .md\:hover\:rotate-0:hover {
+ transform: rotate(0);
+ }
+
+ .md\:hover\:rotate-45:hover {
+ transform: rotate(45deg);
+ }
+
+ .md\:hover\:rotate-90:hover {
+ transform: rotate(90deg);
+ }
+
+ .md\:hover\:rotate-180:hover {
+ transform: rotate(180deg);
+ }
+
+ .md\:hover\:-rotate-180:hover {
+ transform: rotate(-180deg);
+ }
+
+ .md\:hover\:-rotate-90:hover {
+ transform: rotate(-90deg);
+ }
+
+ .md\:hover\:-rotate-45:hover {
+ transform: rotate(-45deg);
+ }
+
+ .md\:focus\:rotate-0:focus {
+ transform: rotate(0);
+ }
+
+ .md\:focus\:rotate-45:focus {
+ transform: rotate(45deg);
+ }
+
+ .md\:focus\:rotate-90:focus {
+ transform: rotate(90deg);
+ }
+
+ .md\:focus\:rotate-180:focus {
+ transform: rotate(180deg);
+ }
+
+ .md\:focus\:-rotate-180:focus {
+ transform: rotate(-180deg);
+ }
+
+ .md\:focus\:-rotate-90:focus {
+ transform: rotate(-90deg);
+ }
+
+ .md\:focus\:-rotate-45:focus {
+ transform: rotate(-45deg);
+ }
+
+ .md\:translate-x-0 {
+ transform: translateX(0);
+ }
+
+ .md\:translate-x-1 {
+ transform: translateX(0.25rem);
+ }
+
+ .md\:translate-x-2 {
+ transform: translateX(0.5rem);
+ }
+
+ .md\:translate-x-3 {
+ transform: translateX(0.75rem);
+ }
+
+ .md\:translate-x-4 {
+ transform: translateX(1rem);
+ }
+
+ .md\:translate-x-5 {
+ transform: translateX(1.25rem);
+ }
+
+ .md\:translate-x-6 {
+ transform: translateX(1.5rem);
+ }
+
+ .md\:translate-x-8 {
+ transform: translateX(2rem);
+ }
+
+ .md\:translate-x-10 {
+ transform: translateX(2.5rem);
+ }
+
+ .md\:translate-x-12 {
+ transform: translateX(3rem);
+ }
+
+ .md\:translate-x-16 {
+ transform: translateX(4rem);
+ }
+
+ .md\:translate-x-20 {
+ transform: translateX(5rem);
+ }
+
+ .md\:translate-x-24 {
+ transform: translateX(6rem);
+ }
+
+ .md\:translate-x-32 {
+ transform: translateX(8rem);
+ }
+
+ .md\:translate-x-40 {
+ transform: translateX(10rem);
+ }
+
+ .md\:translate-x-48 {
+ transform: translateX(12rem);
+ }
+
+ .md\:translate-x-56 {
+ transform: translateX(14rem);
+ }
+
+ .md\:translate-x-64 {
+ transform: translateX(16rem);
+ }
+
+ .md\:translate-x-px {
+ transform: translateX(1px);
+ }
+
+ .md\:-translate-x-1 {
+ transform: translateX(-0.25rem);
+ }
+
+ .md\:-translate-x-2 {
+ transform: translateX(-0.5rem);
+ }
+
+ .md\:-translate-x-3 {
+ transform: translateX(-0.75rem);
+ }
+
+ .md\:-translate-x-4 {
+ transform: translateX(-1rem);
+ }
+
+ .md\:-translate-x-5 {
+ transform: translateX(-1.25rem);
+ }
+
+ .md\:-translate-x-6 {
+ transform: translateX(-1.5rem);
+ }
+
+ .md\:-translate-x-8 {
+ transform: translateX(-2rem);
+ }
+
+ .md\:-translate-x-10 {
+ transform: translateX(-2.5rem);
+ }
+
+ .md\:-translate-x-12 {
+ transform: translateX(-3rem);
+ }
+
+ .md\:-translate-x-16 {
+ transform: translateX(-4rem);
+ }
+
+ .md\:-translate-x-20 {
+ transform: translateX(-5rem);
+ }
+
+ .md\:-translate-x-24 {
+ transform: translateX(-6rem);
+ }
+
+ .md\:-translate-x-32 {
+ transform: translateX(-8rem);
+ }
+
+ .md\:-translate-x-40 {
+ transform: translateX(-10rem);
+ }
+
+ .md\:-translate-x-48 {
+ transform: translateX(-12rem);
+ }
+
+ .md\:-translate-x-56 {
+ transform: translateX(-14rem);
+ }
+
+ .md\:-translate-x-64 {
+ transform: translateX(-16rem);
+ }
+
+ .md\:-translate-x-px {
+ transform: translateX(-1px);
+ }
+
+ .md\:-translate-x-full {
+ transform: translateX(-100%);
+ }
+
+ .md\:-translate-x-1\/2 {
+ transform: translateX(-50%);
+ }
+
+ .md\:translate-x-1\/2 {
+ transform: translateX(50%);
+ }
+
+ .md\:translate-x-full {
+ transform: translateX(100%);
+ }
+
+ .md\:translate-y-0 {
+ transform: translateY(0);
+ }
+
+ .md\:translate-y-1 {
+ transform: translateY(0.25rem);
+ }
+
+ .md\:translate-y-2 {
+ transform: translateY(0.5rem);
+ }
+
+ .md\:translate-y-3 {
+ transform: translateY(0.75rem);
+ }
+
+ .md\:translate-y-4 {
+ transform: translateY(1rem);
+ }
+
+ .md\:translate-y-5 {
+ transform: translateY(1.25rem);
+ }
+
+ .md\:translate-y-6 {
+ transform: translateY(1.5rem);
+ }
+
+ .md\:translate-y-8 {
+ transform: translateY(2rem);
+ }
+
+ .md\:translate-y-10 {
+ transform: translateY(2.5rem);
+ }
+
+ .md\:translate-y-12 {
+ transform: translateY(3rem);
+ }
+
+ .md\:translate-y-16 {
+ transform: translateY(4rem);
+ }
+
+ .md\:translate-y-20 {
+ transform: translateY(5rem);
+ }
+
+ .md\:translate-y-24 {
+ transform: translateY(6rem);
+ }
+
+ .md\:translate-y-32 {
+ transform: translateY(8rem);
+ }
+
+ .md\:translate-y-40 {
+ transform: translateY(10rem);
+ }
+
+ .md\:translate-y-48 {
+ transform: translateY(12rem);
+ }
+
+ .md\:translate-y-56 {
+ transform: translateY(14rem);
+ }
+
+ .md\:translate-y-64 {
+ transform: translateY(16rem);
+ }
+
+ .md\:translate-y-px {
+ transform: translateY(1px);
+ }
+
+ .md\:-translate-y-1 {
+ transform: translateY(-0.25rem);
+ }
+
+ .md\:-translate-y-2 {
+ transform: translateY(-0.5rem);
+ }
+
+ .md\:-translate-y-3 {
+ transform: translateY(-0.75rem);
+ }
+
+ .md\:-translate-y-4 {
+ transform: translateY(-1rem);
+ }
+
+ .md\:-translate-y-5 {
+ transform: translateY(-1.25rem);
+ }
+
+ .md\:-translate-y-6 {
+ transform: translateY(-1.5rem);
+ }
+
+ .md\:-translate-y-8 {
+ transform: translateY(-2rem);
+ }
+
+ .md\:-translate-y-10 {
+ transform: translateY(-2.5rem);
+ }
+
+ .md\:-translate-y-12 {
+ transform: translateY(-3rem);
+ }
+
+ .md\:-translate-y-16 {
+ transform: translateY(-4rem);
+ }
+
+ .md\:-translate-y-20 {
+ transform: translateY(-5rem);
+ }
+
+ .md\:-translate-y-24 {
+ transform: translateY(-6rem);
+ }
+
+ .md\:-translate-y-32 {
+ transform: translateY(-8rem);
+ }
+
+ .md\:-translate-y-40 {
+ transform: translateY(-10rem);
+ }
+
+ .md\:-translate-y-48 {
+ transform: translateY(-12rem);
+ }
+
+ .md\:-translate-y-56 {
+ transform: translateY(-14rem);
+ }
+
+ .md\:-translate-y-64 {
+ transform: translateY(-16rem);
+ }
+
+ .md\:-translate-y-px {
+ transform: translateY(-1px);
+ }
+
+ .md\:-translate-y-full {
+ transform: translateY(-100%);
+ }
+
+ .md\:-translate-y-1\/2 {
+ transform: translateY(-50%);
+ }
+
+ .md\:translate-y-1\/2 {
+ transform: translateY(50%);
+ }
+
+ .md\:translate-y-full {
+ transform: translateY(100%);
+ }
+
+ .md\:hover\:translate-x-0:hover {
+ transform: translateX(0);
+ }
+
+ .md\:hover\:translate-x-1:hover {
+ transform: translateX(0.25rem);
+ }
+
+ .md\:hover\:translate-x-2:hover {
+ transform: translateX(0.5rem);
+ }
+
+ .md\:hover\:translate-x-3:hover {
+ transform: translateX(0.75rem);
+ }
+
+ .md\:hover\:translate-x-4:hover {
+ transform: translateX(1rem);
+ }
+
+ .md\:hover\:translate-x-5:hover {
+ transform: translateX(1.25rem);
+ }
+
+ .md\:hover\:translate-x-6:hover {
+ transform: translateX(1.5rem);
+ }
+
+ .md\:hover\:translate-x-8:hover {
+ transform: translateX(2rem);
+ }
+
+ .md\:hover\:translate-x-10:hover {
+ transform: translateX(2.5rem);
+ }
+
+ .md\:hover\:translate-x-12:hover {
+ transform: translateX(3rem);
+ }
+
+ .md\:hover\:translate-x-16:hover {
+ transform: translateX(4rem);
+ }
+
+ .md\:hover\:translate-x-20:hover {
+ transform: translateX(5rem);
+ }
+
+ .md\:hover\:translate-x-24:hover {
+ transform: translateX(6rem);
+ }
+
+ .md\:hover\:translate-x-32:hover {
+ transform: translateX(8rem);
+ }
+
+ .md\:hover\:translate-x-40:hover {
+ transform: translateX(10rem);
+ }
+
+ .md\:hover\:translate-x-48:hover {
+ transform: translateX(12rem);
+ }
+
+ .md\:hover\:translate-x-56:hover {
+ transform: translateX(14rem);
+ }
+
+ .md\:hover\:translate-x-64:hover {
+ transform: translateX(16rem);
+ }
+
+ .md\:hover\:translate-x-px:hover {
+ transform: translateX(1px);
+ }
+
+ .md\:hover\:-translate-x-1:hover {
+ transform: translateX(-0.25rem);
+ }
+
+ .md\:hover\:-translate-x-2:hover {
+ transform: translateX(-0.5rem);
+ }
+
+ .md\:hover\:-translate-x-3:hover {
+ transform: translateX(-0.75rem);
+ }
+
+ .md\:hover\:-translate-x-4:hover {
+ transform: translateX(-1rem);
+ }
+
+ .md\:hover\:-translate-x-5:hover {
+ transform: translateX(-1.25rem);
+ }
+
+ .md\:hover\:-translate-x-6:hover {
+ transform: translateX(-1.5rem);
+ }
+
+ .md\:hover\:-translate-x-8:hover {
+ transform: translateX(-2rem);
+ }
+
+ .md\:hover\:-translate-x-10:hover {
+ transform: translateX(-2.5rem);
+ }
+
+ .md\:hover\:-translate-x-12:hover {
+ transform: translateX(-3rem);
+ }
+
+ .md\:hover\:-translate-x-16:hover {
+ transform: translateX(-4rem);
+ }
+
+ .md\:hover\:-translate-x-20:hover {
+ transform: translateX(-5rem);
+ }
+
+ .md\:hover\:-translate-x-24:hover {
+ transform: translateX(-6rem);
+ }
+
+ .md\:hover\:-translate-x-32:hover {
+ transform: translateX(-8rem);
+ }
+
+ .md\:hover\:-translate-x-40:hover {
+ transform: translateX(-10rem);
+ }
+
+ .md\:hover\:-translate-x-48:hover {
+ transform: translateX(-12rem);
+ }
+
+ .md\:hover\:-translate-x-56:hover {
+ transform: translateX(-14rem);
+ }
+
+ .md\:hover\:-translate-x-64:hover {
+ transform: translateX(-16rem);
+ }
+
+ .md\:hover\:-translate-x-px:hover {
+ transform: translateX(-1px);
+ }
+
+ .md\:hover\:-translate-x-full:hover {
+ transform: translateX(-100%);
+ }
+
+ .md\:hover\:-translate-x-1\/2:hover {
+ transform: translateX(-50%);
+ }
+
+ .md\:hover\:translate-x-1\/2:hover {
+ transform: translateX(50%);
+ }
+
+ .md\:hover\:translate-x-full:hover {
+ transform: translateX(100%);
+ }
+
+ .md\:hover\:translate-y-0:hover {
+ transform: translateY(0);
+ }
+
+ .md\:hover\:translate-y-1:hover {
+ transform: translateY(0.25rem);
+ }
+
+ .md\:hover\:translate-y-2:hover {
+ transform: translateY(0.5rem);
+ }
+
+ .md\:hover\:translate-y-3:hover {
+ transform: translateY(0.75rem);
+ }
+
+ .md\:hover\:translate-y-4:hover {
+ transform: translateY(1rem);
+ }
+
+ .md\:hover\:translate-y-5:hover {
+ transform: translateY(1.25rem);
+ }
+
+ .md\:hover\:translate-y-6:hover {
+ transform: translateY(1.5rem);
+ }
+
+ .md\:hover\:translate-y-8:hover {
+ transform: translateY(2rem);
+ }
+
+ .md\:hover\:translate-y-10:hover {
+ transform: translateY(2.5rem);
+ }
+
+ .md\:hover\:translate-y-12:hover {
+ transform: translateY(3rem);
+ }
+
+ .md\:hover\:translate-y-16:hover {
+ transform: translateY(4rem);
+ }
+
+ .md\:hover\:translate-y-20:hover {
+ transform: translateY(5rem);
+ }
+
+ .md\:hover\:translate-y-24:hover {
+ transform: translateY(6rem);
+ }
+
+ .md\:hover\:translate-y-32:hover {
+ transform: translateY(8rem);
+ }
+
+ .md\:hover\:translate-y-40:hover {
+ transform: translateY(10rem);
+ }
+
+ .md\:hover\:translate-y-48:hover {
+ transform: translateY(12rem);
+ }
+
+ .md\:hover\:translate-y-56:hover {
+ transform: translateY(14rem);
+ }
+
+ .md\:hover\:translate-y-64:hover {
+ transform: translateY(16rem);
+ }
+
+ .md\:hover\:translate-y-px:hover {
+ transform: translateY(1px);
+ }
+
+ .md\:hover\:-translate-y-1:hover {
+ transform: translateY(-0.25rem);
+ }
+
+ .md\:hover\:-translate-y-2:hover {
+ transform: translateY(-0.5rem);
+ }
+
+ .md\:hover\:-translate-y-3:hover {
+ transform: translateY(-0.75rem);
+ }
+
+ .md\:hover\:-translate-y-4:hover {
+ transform: translateY(-1rem);
+ }
+
+ .md\:hover\:-translate-y-5:hover {
+ transform: translateY(-1.25rem);
+ }
+
+ .md\:hover\:-translate-y-6:hover {
+ transform: translateY(-1.5rem);
+ }
+
+ .md\:hover\:-translate-y-8:hover {
+ transform: translateY(-2rem);
+ }
+
+ .md\:hover\:-translate-y-10:hover {
+ transform: translateY(-2.5rem);
+ }
+
+ .md\:hover\:-translate-y-12:hover {
+ transform: translateY(-3rem);
+ }
+
+ .md\:hover\:-translate-y-16:hover {
+ transform: translateY(-4rem);
+ }
+
+ .md\:hover\:-translate-y-20:hover {
+ transform: translateY(-5rem);
+ }
+
+ .md\:hover\:-translate-y-24:hover {
+ transform: translateY(-6rem);
+ }
+
+ .md\:hover\:-translate-y-32:hover {
+ transform: translateY(-8rem);
+ }
+
+ .md\:hover\:-translate-y-40:hover {
+ transform: translateY(-10rem);
+ }
+
+ .md\:hover\:-translate-y-48:hover {
+ transform: translateY(-12rem);
+ }
+
+ .md\:hover\:-translate-y-56:hover {
+ transform: translateY(-14rem);
+ }
+
+ .md\:hover\:-translate-y-64:hover {
+ transform: translateY(-16rem);
+ }
+
+ .md\:hover\:-translate-y-px:hover {
+ transform: translateY(-1px);
+ }
+
+ .md\:hover\:-translate-y-full:hover {
+ transform: translateY(-100%);
+ }
+
+ .md\:hover\:-translate-y-1\/2:hover {
+ transform: translateY(-50%);
+ }
+
+ .md\:hover\:translate-y-1\/2:hover {
+ transform: translateY(50%);
+ }
+
+ .md\:hover\:translate-y-full:hover {
+ transform: translateY(100%);
+ }
+
+ .md\:focus\:translate-x-0:focus {
+ transform: translateX(0);
+ }
+
+ .md\:focus\:translate-x-1:focus {
+ transform: translateX(0.25rem);
+ }
+
+ .md\:focus\:translate-x-2:focus {
+ transform: translateX(0.5rem);
+ }
+
+ .md\:focus\:translate-x-3:focus {
+ transform: translateX(0.75rem);
+ }
+
+ .md\:focus\:translate-x-4:focus {
+ transform: translateX(1rem);
+ }
+
+ .md\:focus\:translate-x-5:focus {
+ transform: translateX(1.25rem);
+ }
+
+ .md\:focus\:translate-x-6:focus {
+ transform: translateX(1.5rem);
+ }
+
+ .md\:focus\:translate-x-8:focus {
+ transform: translateX(2rem);
+ }
+
+ .md\:focus\:translate-x-10:focus {
+ transform: translateX(2.5rem);
+ }
+
+ .md\:focus\:translate-x-12:focus {
+ transform: translateX(3rem);
+ }
+
+ .md\:focus\:translate-x-16:focus {
+ transform: translateX(4rem);
+ }
+
+ .md\:focus\:translate-x-20:focus {
+ transform: translateX(5rem);
+ }
+
+ .md\:focus\:translate-x-24:focus {
+ transform: translateX(6rem);
+ }
+
+ .md\:focus\:translate-x-32:focus {
+ transform: translateX(8rem);
+ }
+
+ .md\:focus\:translate-x-40:focus {
+ transform: translateX(10rem);
+ }
+
+ .md\:focus\:translate-x-48:focus {
+ transform: translateX(12rem);
+ }
+
+ .md\:focus\:translate-x-56:focus {
+ transform: translateX(14rem);
+ }
+
+ .md\:focus\:translate-x-64:focus {
+ transform: translateX(16rem);
+ }
+
+ .md\:focus\:translate-x-px:focus {
+ transform: translateX(1px);
+ }
+
+ .md\:focus\:-translate-x-1:focus {
+ transform: translateX(-0.25rem);
+ }
+
+ .md\:focus\:-translate-x-2:focus {
+ transform: translateX(-0.5rem);
+ }
+
+ .md\:focus\:-translate-x-3:focus {
+ transform: translateX(-0.75rem);
+ }
+
+ .md\:focus\:-translate-x-4:focus {
+ transform: translateX(-1rem);
+ }
+
+ .md\:focus\:-translate-x-5:focus {
+ transform: translateX(-1.25rem);
+ }
+
+ .md\:focus\:-translate-x-6:focus {
+ transform: translateX(-1.5rem);
+ }
+
+ .md\:focus\:-translate-x-8:focus {
+ transform: translateX(-2rem);
+ }
+
+ .md\:focus\:-translate-x-10:focus {
+ transform: translateX(-2.5rem);
+ }
+
+ .md\:focus\:-translate-x-12:focus {
+ transform: translateX(-3rem);
+ }
+
+ .md\:focus\:-translate-x-16:focus {
+ transform: translateX(-4rem);
+ }
+
+ .md\:focus\:-translate-x-20:focus {
+ transform: translateX(-5rem);
+ }
+
+ .md\:focus\:-translate-x-24:focus {
+ transform: translateX(-6rem);
+ }
+
+ .md\:focus\:-translate-x-32:focus {
+ transform: translateX(-8rem);
+ }
+
+ .md\:focus\:-translate-x-40:focus {
+ transform: translateX(-10rem);
+ }
+
+ .md\:focus\:-translate-x-48:focus {
+ transform: translateX(-12rem);
+ }
+
+ .md\:focus\:-translate-x-56:focus {
+ transform: translateX(-14rem);
+ }
+
+ .md\:focus\:-translate-x-64:focus {
+ transform: translateX(-16rem);
+ }
+
+ .md\:focus\:-translate-x-px:focus {
+ transform: translateX(-1px);
+ }
+
+ .md\:focus\:-translate-x-full:focus {
+ transform: translateX(-100%);
+ }
+
+ .md\:focus\:-translate-x-1\/2:focus {
+ transform: translateX(-50%);
+ }
+
+ .md\:focus\:translate-x-1\/2:focus {
+ transform: translateX(50%);
+ }
+
+ .md\:focus\:translate-x-full:focus {
+ transform: translateX(100%);
+ }
+
+ .md\:focus\:translate-y-0:focus {
+ transform: translateY(0);
+ }
+
+ .md\:focus\:translate-y-1:focus {
+ transform: translateY(0.25rem);
+ }
+
+ .md\:focus\:translate-y-2:focus {
+ transform: translateY(0.5rem);
+ }
+
+ .md\:focus\:translate-y-3:focus {
+ transform: translateY(0.75rem);
+ }
+
+ .md\:focus\:translate-y-4:focus {
+ transform: translateY(1rem);
+ }
+
+ .md\:focus\:translate-y-5:focus {
+ transform: translateY(1.25rem);
+ }
+
+ .md\:focus\:translate-y-6:focus {
+ transform: translateY(1.5rem);
+ }
+
+ .md\:focus\:translate-y-8:focus {
+ transform: translateY(2rem);
+ }
+
+ .md\:focus\:translate-y-10:focus {
+ transform: translateY(2.5rem);
+ }
+
+ .md\:focus\:translate-y-12:focus {
+ transform: translateY(3rem);
+ }
+
+ .md\:focus\:translate-y-16:focus {
+ transform: translateY(4rem);
+ }
+
+ .md\:focus\:translate-y-20:focus {
+ transform: translateY(5rem);
+ }
+
+ .md\:focus\:translate-y-24:focus {
+ transform: translateY(6rem);
+ }
+
+ .md\:focus\:translate-y-32:focus {
+ transform: translateY(8rem);
+ }
+
+ .md\:focus\:translate-y-40:focus {
+ transform: translateY(10rem);
+ }
+
+ .md\:focus\:translate-y-48:focus {
+ transform: translateY(12rem);
+ }
+
+ .md\:focus\:translate-y-56:focus {
+ transform: translateY(14rem);
+ }
+
+ .md\:focus\:translate-y-64:focus {
+ transform: translateY(16rem);
+ }
+
+ .md\:focus\:translate-y-px:focus {
+ transform: translateY(1px);
+ }
+
+ .md\:focus\:-translate-y-1:focus {
+ transform: translateY(-0.25rem);
+ }
+
+ .md\:focus\:-translate-y-2:focus {
+ transform: translateY(-0.5rem);
+ }
+
+ .md\:focus\:-translate-y-3:focus {
+ transform: translateY(-0.75rem);
+ }
+
+ .md\:focus\:-translate-y-4:focus {
+ transform: translateY(-1rem);
+ }
+
+ .md\:focus\:-translate-y-5:focus {
+ transform: translateY(-1.25rem);
+ }
+
+ .md\:focus\:-translate-y-6:focus {
+ transform: translateY(-1.5rem);
+ }
+
+ .md\:focus\:-translate-y-8:focus {
+ transform: translateY(-2rem);
+ }
+
+ .md\:focus\:-translate-y-10:focus {
+ transform: translateY(-2.5rem);
+ }
+
+ .md\:focus\:-translate-y-12:focus {
+ transform: translateY(-3rem);
+ }
+
+ .md\:focus\:-translate-y-16:focus {
+ transform: translateY(-4rem);
+ }
+
+ .md\:focus\:-translate-y-20:focus {
+ transform: translateY(-5rem);
+ }
+
+ .md\:focus\:-translate-y-24:focus {
+ transform: translateY(-6rem);
+ }
+
+ .md\:focus\:-translate-y-32:focus {
+ transform: translateY(-8rem);
+ }
+
+ .md\:focus\:-translate-y-40:focus {
+ transform: translateY(-10rem);
+ }
+
+ .md\:focus\:-translate-y-48:focus {
+ transform: translateY(-12rem);
+ }
+
+ .md\:focus\:-translate-y-56:focus {
+ transform: translateY(-14rem);
+ }
+
+ .md\:focus\:-translate-y-64:focus {
+ transform: translateY(-16rem);
+ }
+
+ .md\:focus\:-translate-y-px:focus {
+ transform: translateY(-1px);
+ }
+
+ .md\:focus\:-translate-y-full:focus {
+ transform: translateY(-100%);
+ }
+
+ .md\:focus\:-translate-y-1\/2:focus {
+ transform: translateY(-50%);
+ }
+
+ .md\:focus\:translate-y-1\/2:focus {
+ transform: translateY(50%);
+ }
+
+ .md\:focus\:translate-y-full:focus {
+ transform: translateY(100%);
+ }
+
+ .md\:skew-x-0 {
+ transform: skewX(0);
+ }
+
+ .md\:skew-x-3 {
+ transform: skewX(3deg);
+ }
+
+ .md\:skew-x-6 {
+ transform: skewX(6deg);
+ }
+
+ .md\:skew-x-12 {
+ transform: skewX(12deg);
+ }
+
+ .md\:-skew-x-12 {
+ transform: skewX(-12deg);
+ }
+
+ .md\:-skew-x-6 {
+ transform: skewX(-6deg);
+ }
+
+ .md\:-skew-x-3 {
+ transform: skewX(-3deg);
+ }
+
+ .md\:skew-y-0 {
+ transform: skewY(0);
+ }
+
+ .md\:skew-y-3 {
+ transform: skewY(3deg);
+ }
+
+ .md\:skew-y-6 {
+ transform: skewY(6deg);
+ }
+
+ .md\:skew-y-12 {
+ transform: skewY(12deg);
+ }
+
+ .md\:-skew-y-12 {
+ transform: skewY(-12deg);
+ }
+
+ .md\:-skew-y-6 {
+ transform: skewY(-6deg);
+ }
+
+ .md\:-skew-y-3 {
+ transform: skewY(-3deg);
+ }
+
+ .md\:hover\:skew-x-0:hover {
+ transform: skewX(0);
+ }
+
+ .md\:hover\:skew-x-3:hover {
+ transform: skewX(3deg);
+ }
+
+ .md\:hover\:skew-x-6:hover {
+ transform: skewX(6deg);
+ }
+
+ .md\:hover\:skew-x-12:hover {
+ transform: skewX(12deg);
+ }
+
+ .md\:hover\:-skew-x-12:hover {
+ transform: skewX(-12deg);
+ }
+
+ .md\:hover\:-skew-x-6:hover {
+ transform: skewX(-6deg);
+ }
+
+ .md\:hover\:-skew-x-3:hover {
+ transform: skewX(-3deg);
+ }
+
+ .md\:hover\:skew-y-0:hover {
+ transform: skewY(0);
+ }
+
+ .md\:hover\:skew-y-3:hover {
+ transform: skewY(3deg);
+ }
+
+ .md\:hover\:skew-y-6:hover {
+ transform: skewY(6deg);
+ }
+
+ .md\:hover\:skew-y-12:hover {
+ transform: skewY(12deg);
+ }
+
+ .md\:hover\:-skew-y-12:hover {
+ transform: skewY(-12deg);
+ }
+
+ .md\:hover\:-skew-y-6:hover {
+ transform: skewY(-6deg);
+ }
+
+ .md\:hover\:-skew-y-3:hover {
+ transform: skewY(-3deg);
+ }
+
+ .md\:focus\:skew-x-0:focus {
+ transform: skewX(0);
+ }
+
+ .md\:focus\:skew-x-3:focus {
+ transform: skewX(3deg);
+ }
+
+ .md\:focus\:skew-x-6:focus {
+ transform: skewX(6deg);
+ }
+
+ .md\:focus\:skew-x-12:focus {
+ transform: skewX(12deg);
+ }
+
+ .md\:focus\:-skew-x-12:focus {
+ transform: skewX(-12deg);
+ }
+
+ .md\:focus\:-skew-x-6:focus {
+ transform: skewX(-6deg);
+ }
+
+ .md\:focus\:-skew-x-3:focus {
+ transform: skewX(-3deg);
+ }
+
+ .md\:focus\:skew-y-0:focus {
+ transform: skewY(0);
+ }
+
+ .md\:focus\:skew-y-3:focus {
+ transform: skewY(3deg);
+ }
+
+ .md\:focus\:skew-y-6:focus {
+ transform: skewY(6deg);
+ }
+
+ .md\:focus\:skew-y-12:focus {
+ transform: skewY(12deg);
+ }
+
+ .md\:focus\:-skew-y-12:focus {
+ transform: skewY(-12deg);
+ }
+
+ .md\:focus\:-skew-y-6:focus {
+ transform: skewY(-6deg);
+ }
+
+ .md\:focus\:-skew-y-3:focus {
+ transform: skewY(-3deg);
+ }
+
+ .md\:transition-none {
+ transition-property: none;
+ }
+
+ .md\:transition-all {
+ transition-property: all;
+ }
+
+ .md\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .md\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .md\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .md\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .md\:transition-transform {
+ transition-property: transform;
+ }
+
+ .md\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .md\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .md\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .md\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .md\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .md\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .md\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .md\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .md\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .md\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .md\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .md\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .md\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .md\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .md\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .md\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .md\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .md\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .md\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .md\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .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\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
+
+@media (min-width: 1024px) {
+ .lg\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .lg\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .lg\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .lg\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .lg\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .lg\:space-y-0 > :not(template) ~ :not(template) {
+ margin-top: 0;
+ }
+
+ .lg\:space-x-0 > :not(template) ~ :not(template) {
+ margin-left: 0;
+ }
+
+ .lg\:space-y-1 > :not(template) ~ :not(template) {
+ margin-top: 0.25rem;
+ }
+
+ .lg\:space-x-1 > :not(template) ~ :not(template) {
+ margin-left: 0.25rem;
+ }
+
+ .lg\:space-y-2 > :not(template) ~ :not(template) {
+ margin-top: 0.5rem;
+ }
+
+ .lg\:space-x-2 > :not(template) ~ :not(template) {
+ margin-left: 0.5rem;
+ }
+
+ .lg\:space-y-3 > :not(template) ~ :not(template) {
+ margin-top: 0.75rem;
+ }
+
+ .lg\:space-x-3 > :not(template) ~ :not(template) {
+ margin-left: 0.75rem;
+ }
+
+ .lg\:space-y-4 > :not(template) ~ :not(template) {
+ margin-top: 1rem;
+ }
+
+ .lg\:space-x-4 > :not(template) ~ :not(template) {
+ margin-left: 1rem;
+ }
+
+ .lg\:space-y-5 > :not(template) ~ :not(template) {
+ margin-top: 1.25rem;
+ }
+
+ .lg\:space-x-5 > :not(template) ~ :not(template) {
+ margin-left: 1.25rem;
+ }
+
+ .lg\:space-y-6 > :not(template) ~ :not(template) {
+ margin-top: 1.5rem;
+ }
+
+ .lg\:space-x-6 > :not(template) ~ :not(template) {
+ margin-left: 1.5rem;
+ }
+
+ .lg\:space-y-8 > :not(template) ~ :not(template) {
+ margin-top: 2rem;
+ }
+
+ .lg\:space-x-8 > :not(template) ~ :not(template) {
+ margin-left: 2rem;
+ }
+
+ .lg\:space-y-10 > :not(template) ~ :not(template) {
+ margin-top: 2.5rem;
+ }
+
+ .lg\:space-x-10 > :not(template) ~ :not(template) {
+ margin-left: 2.5rem;
+ }
+
+ .lg\:space-y-12 > :not(template) ~ :not(template) {
+ margin-top: 3rem;
+ }
+
+ .lg\:space-x-12 > :not(template) ~ :not(template) {
+ margin-left: 3rem;
+ }
+
+ .lg\:space-y-16 > :not(template) ~ :not(template) {
+ margin-top: 4rem;
+ }
+
+ .lg\:space-x-16 > :not(template) ~ :not(template) {
+ margin-left: 4rem;
+ }
+
+ .lg\:space-y-20 > :not(template) ~ :not(template) {
+ margin-top: 5rem;
+ }
+
+ .lg\:space-x-20 > :not(template) ~ :not(template) {
+ margin-left: 5rem;
+ }
+
+ .lg\:space-y-24 > :not(template) ~ :not(template) {
+ margin-top: 6rem;
+ }
+
+ .lg\:space-x-24 > :not(template) ~ :not(template) {
+ margin-left: 6rem;
+ }
+
+ .lg\:space-y-32 > :not(template) ~ :not(template) {
+ margin-top: 8rem;
+ }
+
+ .lg\:space-x-32 > :not(template) ~ :not(template) {
+ margin-left: 8rem;
+ }
+
+ .lg\:space-y-40 > :not(template) ~ :not(template) {
+ margin-top: 10rem;
+ }
+
+ .lg\:space-x-40 > :not(template) ~ :not(template) {
+ margin-left: 10rem;
+ }
+
+ .lg\:space-y-48 > :not(template) ~ :not(template) {
+ margin-top: 12rem;
+ }
+
+ .lg\:space-x-48 > :not(template) ~ :not(template) {
+ margin-left: 12rem;
+ }
+
+ .lg\:space-y-56 > :not(template) ~ :not(template) {
+ margin-top: 14rem;
+ }
+
+ .lg\:space-x-56 > :not(template) ~ :not(template) {
+ margin-left: 14rem;
+ }
+
+ .lg\:space-y-64 > :not(template) ~ :not(template) {
+ margin-top: 16rem;
+ }
+
+ .lg\:space-x-64 > :not(template) ~ :not(template) {
+ margin-left: 16rem;
+ }
+
+ .lg\:space-y-px > :not(template) ~ :not(template) {
+ margin-top: 1px;
+ }
+
+ .lg\:space-x-px > :not(template) ~ :not(template) {
+ margin-left: 1px;
+ }
+
+ .lg\:-space-y-1 > :not(template) ~ :not(template) {
+ margin-top: -0.25rem;
+ }
+
+ .lg\:-space-x-1 > :not(template) ~ :not(template) {
+ margin-left: -0.25rem;
+ }
+
+ .lg\:-space-y-2 > :not(template) ~ :not(template) {
+ margin-top: -0.5rem;
+ }
+
+ .lg\:-space-x-2 > :not(template) ~ :not(template) {
+ margin-left: -0.5rem;
+ }
+
+ .lg\:-space-y-3 > :not(template) ~ :not(template) {
+ margin-top: -0.75rem;
+ }
+
+ .lg\:-space-x-3 > :not(template) ~ :not(template) {
+ margin-left: -0.75rem;
+ }
+
+ .lg\:-space-y-4 > :not(template) ~ :not(template) {
+ margin-top: -1rem;
+ }
+
+ .lg\:-space-x-4 > :not(template) ~ :not(template) {
+ margin-left: -1rem;
+ }
+
+ .lg\:-space-y-5 > :not(template) ~ :not(template) {
+ margin-top: -1.25rem;
+ }
+
+ .lg\:-space-x-5 > :not(template) ~ :not(template) {
+ margin-left: -1.25rem;
+ }
+
+ .lg\:-space-y-6 > :not(template) ~ :not(template) {
+ margin-top: -1.5rem;
+ }
+
+ .lg\:-space-x-6 > :not(template) ~ :not(template) {
+ margin-left: -1.5rem;
+ }
+
+ .lg\:-space-y-8 > :not(template) ~ :not(template) {
+ margin-top: -2rem;
+ }
+
+ .lg\:-space-x-8 > :not(template) ~ :not(template) {
+ margin-left: -2rem;
+ }
+
+ .lg\:-space-y-10 > :not(template) ~ :not(template) {
+ margin-top: -2.5rem;
+ }
+
+ .lg\:-space-x-10 > :not(template) ~ :not(template) {
+ margin-left: -2.5rem;
+ }
+
+ .lg\:-space-y-12 > :not(template) ~ :not(template) {
+ margin-top: -3rem;
+ }
+
+ .lg\:-space-x-12 > :not(template) ~ :not(template) {
+ margin-left: -3rem;
+ }
+
+ .lg\:-space-y-16 > :not(template) ~ :not(template) {
+ margin-top: -4rem;
+ }
+
+ .lg\:-space-x-16 > :not(template) ~ :not(template) {
+ margin-left: -4rem;
+ }
+
+ .lg\:-space-y-20 > :not(template) ~ :not(template) {
+ margin-top: -5rem;
+ }
+
+ .lg\:-space-x-20 > :not(template) ~ :not(template) {
+ margin-left: -5rem;
+ }
+
+ .lg\:-space-y-24 > :not(template) ~ :not(template) {
+ margin-top: -6rem;
+ }
+
+ .lg\:-space-x-24 > :not(template) ~ :not(template) {
+ margin-left: -6rem;
+ }
+
+ .lg\:-space-y-32 > :not(template) ~ :not(template) {
+ margin-top: -8rem;
+ }
+
+ .lg\:-space-x-32 > :not(template) ~ :not(template) {
+ margin-left: -8rem;
+ }
+
+ .lg\:-space-y-40 > :not(template) ~ :not(template) {
+ margin-top: -10rem;
+ }
+
+ .lg\:-space-x-40 > :not(template) ~ :not(template) {
+ margin-left: -10rem;
+ }
+
+ .lg\:-space-y-48 > :not(template) ~ :not(template) {
+ margin-top: -12rem;
+ }
+
+ .lg\:-space-x-48 > :not(template) ~ :not(template) {
+ margin-left: -12rem;
+ }
+
+ .lg\:-space-y-56 > :not(template) ~ :not(template) {
+ margin-top: -14rem;
+ }
+
+ .lg\:-space-x-56 > :not(template) ~ :not(template) {
+ margin-left: -14rem;
+ }
+
+ .lg\:-space-y-64 > :not(template) ~ :not(template) {
+ margin-top: -16rem;
+ }
+
+ .lg\:-space-x-64 > :not(template) ~ :not(template) {
+ margin-left: -16rem;
+ }
+
+ .lg\:-space-y-px > :not(template) ~ :not(template) {
+ margin-top: -1px;
+ }
+
+ .lg\:-space-x-px > :not(template) ~ :not(template) {
+ margin-left: -1px;
+ }
+
+ .lg\:divide-y-0 > :not(template) ~ :not(template) {
+ border-top-width: 0;
+ }
+
+ .lg\:divide-x-0 > :not(template) ~ :not(template) {
+ border-left-width: 0;
+ }
+
+ .lg\:divide-y-2 > :not(template) ~ :not(template) {
+ border-top-width: 2px;
+ }
+
+ .lg\:divide-x-2 > :not(template) ~ :not(template) {
+ border-left-width: 2px;
+ }
+
+ .lg\:divide-y-4 > :not(template) ~ :not(template) {
+ border-top-width: 4px;
+ }
+
+ .lg\:divide-x-4 > :not(template) ~ :not(template) {
+ border-left-width: 4px;
+ }
+
+ .lg\:divide-y-8 > :not(template) ~ :not(template) {
+ border-top-width: 8px;
+ }
+
+ .lg\:divide-x-8 > :not(template) ~ :not(template) {
+ border-left-width: 8px;
+ }
+
+ .lg\:divide-y > :not(template) ~ :not(template) {
+ border-top-width: 1px;
+ }
+
+ .lg\:divide-x > :not(template) ~ :not(template) {
+ border-left-width: 1px;
+ }
+
+ .lg\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .lg\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .lg\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .lg\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .lg\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .lg\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .lg\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .lg\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .lg\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .lg\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .lg\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .lg\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .lg\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .lg\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .lg\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .lg\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .lg\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .lg\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .lg\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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;
+ }
+
+ .lg\:not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .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;
+ }
+
+ .lg\:focus\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .lg\:appearance-none {
+ appearance: none;
+ }
+
+ .lg\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .lg\:bg-local {
+ background-attachment: local;
+ }
+
+ .lg\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .lg\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .lg\:bg-current {
+ background-color: currentColor;
+ }
+
+ .lg\:bg-black {
+ background-color: #000;
+ }
+
+ .lg\:bg-white {
+ background-color: #fff;
+ }
+
+ .lg\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .lg\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .lg\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .lg\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .lg\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .lg\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .lg\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .lg\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .lg\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .lg\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .lg\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .lg\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .lg\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .lg\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .lg\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .lg\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .lg\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .lg\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .lg\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .lg\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .lg\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .lg\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .lg\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .lg\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .lg\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .lg\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .lg\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .lg\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .lg\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .lg\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .lg\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .lg\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .lg\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .lg\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .lg\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .lg\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .lg\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .lg\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .lg\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .lg\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .lg\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .lg\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .lg\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .lg\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .lg\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .lg\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .lg\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .lg\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .lg\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .lg\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .lg\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .lg\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .lg\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .lg\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .lg\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .lg\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .lg\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .lg\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .lg\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .lg\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .lg\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .lg\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .lg\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .lg\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .lg\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .lg\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .lg\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .lg\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .lg\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .lg\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .lg\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .lg\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .lg\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .lg\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .lg\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .lg\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .lg\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .lg\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .lg\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .lg\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .lg\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .lg\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .lg\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .lg\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .lg\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .lg\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .lg\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .lg\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .lg\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .lg\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .lg\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .lg\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .lg\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .lg\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .lg\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .lg\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .lg\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .lg\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .lg\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .lg\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .lg\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .lg\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .lg\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .lg\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .lg\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .lg\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .lg\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .lg\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .lg\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .lg\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .lg\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .lg\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .lg\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .lg\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .lg\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .lg\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .lg\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .lg\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .lg\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .lg\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .lg\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .lg\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .lg\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .lg\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .lg\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .lg\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .lg\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .lg\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .lg\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .lg\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .lg\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .lg\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .lg\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .lg\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .lg\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .lg\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .lg\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .lg\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .lg\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .lg\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .lg\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .lg\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .lg\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .lg\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .lg\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .lg\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .lg\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .lg\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .lg\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .lg\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .lg\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .lg\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .lg\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .lg\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .lg\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .lg\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .lg\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .lg\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .lg\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .lg\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .lg\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .lg\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .lg\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .lg\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .lg\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .lg\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .lg\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .lg\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .lg\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .lg\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .lg\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .lg\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .lg\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .lg\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .lg\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .lg\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .lg\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .lg\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .lg\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .lg\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .lg\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .lg\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .lg\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .lg\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .lg\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .lg\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .lg\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .lg\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .lg\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .lg\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .lg\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .lg\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .lg\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .lg\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .lg\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .lg\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .lg\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .lg\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .lg\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .lg\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .lg\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .lg\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .lg\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .lg\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .lg\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .lg\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .lg\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .lg\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .lg\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .lg\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .lg\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .lg\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .lg\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .lg\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .lg\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .lg\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .lg\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .lg\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .lg\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .lg\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .lg\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .lg\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .lg\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .lg\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .lg\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .lg\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .lg\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .lg\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .lg\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .lg\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .lg\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .lg\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .lg\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .lg\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .lg\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .lg\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .lg\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .lg\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .lg\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .lg\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .lg\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .lg\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .lg\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .lg\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .lg\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .lg\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .lg\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .lg\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .lg\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .lg\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .lg\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .lg\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .lg\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .lg\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .lg\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .lg\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .lg\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .lg\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .lg\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .lg\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .lg\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .lg\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .lg\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .lg\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .lg\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .lg\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .lg\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .lg\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .lg\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .lg\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .lg\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .lg\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .lg\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .lg\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .lg\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .lg\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .lg\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .lg\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .lg\:bg-bottom {
+ background-position: bottom;
+ }
+
+ .lg\:bg-center {
+ background-position: center;
+ }
+
+ .lg\:bg-left {
+ background-position: left;
+ }
+
+ .lg\:bg-left-bottom {
+ background-position: left bottom;
+ }
+
+ .lg\:bg-left-top {
+ background-position: left top;
+ }
+
+ .lg\:bg-right {
+ background-position: right;
+ }
+
+ .lg\:bg-right-bottom {
+ background-position: right bottom;
+ }
+
+ .lg\:bg-right-top {
+ background-position: right top;
+ }
+
+ .lg\:bg-top {
+ background-position: top;
+ }
+
+ .lg\:bg-repeat {
+ background-repeat: repeat;
+ }
+
+ .lg\:bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+
+ .lg\:bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+
+ .lg\:bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+
+ .lg\:bg-repeat-round {
+ background-repeat: round;
+ }
+
+ .lg\:bg-repeat-space {
+ background-repeat: space;
+ }
+
+ .lg\:bg-auto {
+ background-size: auto;
+ }
+
+ .lg\:bg-cover {
+ background-size: cover;
+ }
+
+ .lg\:bg-contain {
+ background-size: contain;
+ }
+
+ .lg\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .lg\:border-separate {
+ border-collapse: separate;
+ }
+
+ .lg\:border-transparent {
+ border-color: transparent;
+ }
+
+ .lg\:border-current {
+ border-color: currentColor;
+ }
+
+ .lg\:border-black {
+ border-color: #000;
+ }
+
+ .lg\:border-white {
+ border-color: #fff;
+ }
+
+ .lg\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .lg\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .lg\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .lg\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .lg\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .lg\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .lg\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .lg\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .lg\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .lg\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .lg\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .lg\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .lg\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .lg\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .lg\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .lg\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .lg\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .lg\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .lg\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .lg\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .lg\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .lg\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .lg\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .lg\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .lg\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .lg\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .lg\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .lg\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .lg\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .lg\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .lg\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .lg\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .lg\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .lg\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .lg\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .lg\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .lg\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .lg\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .lg\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .lg\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .lg\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .lg\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .lg\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .lg\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .lg\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .lg\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .lg\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .lg\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .lg\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .lg\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .lg\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .lg\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .lg\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .lg\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .lg\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .lg\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .lg\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .lg\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .lg\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .lg\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .lg\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .lg\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .lg\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .lg\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .lg\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .lg\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .lg\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .lg\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .lg\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .lg\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .lg\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .lg\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .lg\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .lg\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .lg\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .lg\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .lg\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .lg\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .lg\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .lg\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .lg\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .lg\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .lg\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .lg\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .lg\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .lg\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .lg\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .lg\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .lg\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .lg\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .lg\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .lg\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .lg\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .lg\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .lg\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .lg\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .lg\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .lg\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .lg\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .lg\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .lg\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .lg\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .lg\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .lg\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .lg\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .lg\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .lg\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .lg\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .lg\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .lg\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .lg\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .lg\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .lg\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .lg\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .lg\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .lg\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .lg\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .lg\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .lg\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .lg\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .lg\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .lg\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .lg\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .lg\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .lg\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .lg\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .lg\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .lg\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .lg\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .lg\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .lg\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .lg\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .lg\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .lg\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .lg\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .lg\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .lg\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .lg\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .lg\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .lg\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .lg\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .lg\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .lg\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .lg\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .lg\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .lg\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .lg\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .lg\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .lg\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .lg\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .lg\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .lg\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .lg\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .lg\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .lg\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .lg\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .lg\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .lg\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .lg\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .lg\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .lg\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .lg\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .lg\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .lg\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .lg\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .lg\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .lg\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .lg\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .lg\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .lg\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .lg\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .lg\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .lg\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .lg\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .lg\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .lg\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .lg\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .lg\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .lg\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .lg\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .lg\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .lg\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .lg\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .lg\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .lg\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .lg\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .lg\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .lg\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .lg\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .lg\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .lg\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .lg\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .lg\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .lg\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .lg\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .lg\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .lg\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .lg\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .lg\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .lg\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .lg\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .lg\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .lg\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .lg\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .lg\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .lg\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .lg\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .lg\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .lg\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .lg\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .lg\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .lg\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .lg\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .lg\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .lg\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .lg\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .lg\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .lg\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .lg\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .lg\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .lg\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .lg\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .lg\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .lg\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .lg\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .lg\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .lg\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .lg\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .lg\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .lg\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .lg\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .lg\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .lg\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .lg\:rounded-none {
+ border-radius: 0;
+ }
+
+ .lg\:rounded-sm {
+ border-radius: 0.125rem;
+ }
+
+ .lg\:rounded {
+ border-radius: 0.25rem;
+ }
+
+ .lg\:rounded-md {
+ border-radius: 0.375rem;
+ }
+
+ .lg\:rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .lg\:rounded-full {
+ border-radius: 9999px;
+ }
+
+ .lg\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .lg\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .lg\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .lg\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .lg\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .lg\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .lg\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .lg\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .lg\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .lg\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .lg\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:border-solid {
+ border-style: solid;
+ }
+
+ .lg\:border-dashed {
+ border-style: dashed;
+ }
+
+ .lg\:border-dotted {
+ border-style: dotted;
+ }
+
+ .lg\:border-double {
+ border-style: double;
+ }
+
+ .lg\:border-none {
+ border-style: none;
+ }
+
+ .lg\:border-0 {
+ border-width: 0;
+ }
+
+ .lg\:border-2 {
+ border-width: 2px;
+ }
+
+ .lg\:border-4 {
+ border-width: 4px;
+ }
+
+ .lg\:border-8 {
+ border-width: 8px;
+ }
+
+ .lg\:border {
+ border-width: 1px;
+ }
+
+ .lg\:border-t-0 {
+ border-top-width: 0;
+ }
+
+ .lg\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .lg\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .lg\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .lg\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .lg\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .lg\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .lg\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .lg\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .lg\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .lg\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .lg\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .lg\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .lg\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .lg\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .lg\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .lg\:border-t {
+ border-top-width: 1px;
+ }
+
+ .lg\:border-r {
+ border-right-width: 1px;
+ }
+
+ .lg\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .lg\:border-l {
+ border-left-width: 1px;
+ }
+
+ .lg\:box-border {
+ box-sizing: border-box;
+ }
+
+ .lg\:box-content {
+ box-sizing: content-box;
+ }
+
+ .lg\:cursor-auto {
+ cursor: auto;
+ }
+
+ .lg\:cursor-default {
+ cursor: default;
+ }
+
+ .lg\:cursor-pointer {
+ cursor: pointer;
+ }
+
+ .lg\:cursor-wait {
+ cursor: wait;
+ }
+
+ .lg\:cursor-text {
+ cursor: text;
+ }
+
+ .lg\:cursor-move {
+ cursor: move;
+ }
+
+ .lg\:cursor-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .lg\:block {
+ display: block;
+ }
+
+ .lg\:inline-block {
+ display: inline-block;
+ }
+
+ .lg\:inline {
+ display: inline;
+ }
+
+ .lg\:flex {
+ display: flex;
+ }
+
+ .lg\:inline-flex {
+ display: inline-flex;
+ }
+
+ .lg\:table {
+ display: table;
+ }
+
+ .lg\:table-caption {
+ display: table-caption;
+ }
+
+ .lg\:table-cell {
+ display: table-cell;
+ }
+
+ .lg\:table-column {
+ display: table-column;
+ }
+
+ .lg\:table-column-group {
+ display: table-column-group;
+ }
+
+ .lg\:table-footer-group {
+ display: table-footer-group;
+ }
+
+ .lg\:table-header-group {
+ display: table-header-group;
+ }
+
+ .lg\:table-row-group {
+ display: table-row-group;
+ }
+
+ .lg\:table-row {
+ display: table-row;
+ }
+
+ .lg\:hidden {
+ display: none;
+ }
+
+ .lg\:flex-row {
+ flex-direction: row;
+ }
+
+ .lg\:flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+
+ .lg\:flex-col {
+ flex-direction: column;
+ }
+
+ .lg\:flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+
+ .lg\:flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ .lg\:flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+
+ .lg\:flex-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .lg\:items-start {
+ align-items: flex-start;
+ }
+
+ .lg\:items-end {
+ align-items: flex-end;
+ }
+
+ .lg\:items-center {
+ align-items: center;
+ }
+
+ .lg\:items-baseline {
+ align-items: baseline;
+ }
+
+ .lg\:items-stretch {
+ align-items: stretch;
+ }
+
+ .lg\:self-auto {
+ align-self: auto;
+ }
+
+ .lg\:self-start {
+ align-self: flex-start;
+ }
+
+ .lg\:self-end {
+ align-self: flex-end;
+ }
+
+ .lg\:self-center {
+ align-self: center;
+ }
+
+ .lg\:self-stretch {
+ align-self: stretch;
+ }
+
+ .lg\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .lg\:justify-end {
+ justify-content: flex-end;
+ }
+
+ .lg\:justify-center {
+ justify-content: center;
+ }
+
+ .lg\:justify-between {
+ justify-content: space-between;
+ }
+
+ .lg\:justify-around {
+ justify-content: space-around;
+ }
+
+ .lg\:justify-evenly {
+ justify-content: space-evenly;
+ }
+
+ .lg\:content-center {
+ align-content: center;
+ }
+
+ .lg\:content-start {
+ align-content: flex-start;
+ }
+
+ .lg\:content-end {
+ align-content: flex-end;
+ }
+
+ .lg\:content-between {
+ align-content: space-between;
+ }
+
+ .lg\:content-around {
+ align-content: space-around;
+ }
+
+ .lg\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .lg\:flex-auto {
+ flex: 1 1 auto;
+ }
+
+ .lg\:flex-initial {
+ flex: 0 1 auto;
+ }
+
+ .lg\:flex-none {
+ flex: none;
+ }
+
+ .lg\:flex-grow-0 {
+ flex-grow: 0;
+ }
+
+ .lg\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .lg\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .lg\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .lg\:order-1 {
+ order: 1;
+ }
+
+ .lg\:order-2 {
+ order: 2;
+ }
+
+ .lg\:order-3 {
+ order: 3;
+ }
+
+ .lg\:order-4 {
+ order: 4;
+ }
+
+ .lg\:order-5 {
+ order: 5;
+ }
+
+ .lg\:order-6 {
+ order: 6;
+ }
+
+ .lg\:order-7 {
+ order: 7;
+ }
+
+ .lg\:order-8 {
+ order: 8;
+ }
+
+ .lg\:order-9 {
+ order: 9;
+ }
+
+ .lg\:order-10 {
+ order: 10;
+ }
+
+ .lg\:order-11 {
+ order: 11;
+ }
+
+ .lg\:order-12 {
+ order: 12;
+ }
+
+ .lg\:order-first {
+ order: -9999;
+ }
+
+ .lg\:order-last {
+ order: 9999;
+ }
+
+ .lg\:order-none {
+ order: 0;
+ }
+
+ .lg\:float-right {
+ float: right;
+ }
+
+ .lg\:float-left {
+ float: left;
+ }
+
+ .lg\:float-none {
+ float: none;
+ }
+
+ .lg\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .lg\:clear-left {
+ clear: left;
+ }
+
+ .lg\:clear-right {
+ clear: right;
+ }
+
+ .lg\:clear-both {
+ clear: both;
+ }
+
+ .lg\:clear-none {
+ clear: none;
+ }
+
+ .lg\:font-sans {
+ font-family: 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\:font-serif {
+ font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .lg\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .lg\:font-hairline {
+ font-weight: 100;
+ }
+
+ .lg\:font-thin {
+ font-weight: 200;
+ }
+
+ .lg\:font-light {
+ font-weight: 300;
+ }
+
+ .lg\:font-normal {
+ font-weight: 400;
+ }
+
+ .lg\:font-medium {
+ font-weight: 500;
+ }
+
+ .lg\:font-semibold {
+ font-weight: 600;
+ }
+
+ .lg\:font-bold {
+ font-weight: 700;
+ }
+
+ .lg\:font-extrabold {
+ font-weight: 800;
+ }
+
+ .lg\:font-black {
+ font-weight: 900;
+ }
+
+ .lg\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .lg\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .lg\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .lg\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .lg\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .lg\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .lg\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .lg\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .lg\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .lg\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .lg\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .lg\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .lg\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .lg\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .lg\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .lg\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .lg\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .lg\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .lg\:h-0 {
+ height: 0;
+ }
+
+ .lg\:h-1 {
+ height: 0.25rem;
+ }
+
+ .lg\:h-2 {
+ height: 0.5rem;
+ }
+
+ .lg\:h-3 {
+ height: 0.75rem;
+ }
+
+ .lg\:h-4 {
+ height: 1rem;
+ }
+
+ .lg\:h-5 {
+ height: 1.25rem;
+ }
+
+ .lg\:h-6 {
+ height: 1.5rem;
+ }
+
+ .lg\:h-8 {
+ height: 2rem;
+ }
+
+ .lg\:h-10 {
+ height: 2.5rem;
+ }
+
+ .lg\:h-12 {
+ height: 3rem;
+ }
+
+ .lg\:h-16 {
+ height: 4rem;
+ }
+
+ .lg\:h-20 {
+ height: 5rem;
+ }
+
+ .lg\:h-24 {
+ height: 6rem;
+ }
+
+ .lg\:h-32 {
+ height: 8rem;
+ }
+
+ .lg\:h-40 {
+ height: 10rem;
+ }
+
+ .lg\:h-48 {
+ height: 12rem;
+ }
+
+ .lg\:h-56 {
+ height: 14rem;
+ }
+
+ .lg\:h-64 {
+ height: 16rem;
+ }
+
+ .lg\:h-auto {
+ height: auto;
+ }
+
+ .lg\:h-px {
+ height: 1px;
+ }
+
+ .lg\:h-full {
+ height: 100%;
+ }
+
+ .lg\:h-screen {
+ height: 100vh;
+ }
+
+ .lg\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .lg\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .lg\:text-base {
+ font-size: 1rem;
+ }
+
+ .lg\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .lg\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .lg\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .lg\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .lg\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .lg\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .lg\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .lg\:leading-3 {
+ line-height: .75rem;
+ }
+
+ .lg\:leading-4 {
+ line-height: 1rem;
+ }
+
+ .lg\:leading-5 {
+ line-height: 1.25rem;
+ }
+
+ .lg\:leading-6 {
+ line-height: 1.5rem;
+ }
+
+ .lg\:leading-7 {
+ line-height: 1.75rem;
+ }
+
+ .lg\:leading-8 {
+ line-height: 2rem;
+ }
+
+ .lg\:leading-9 {
+ line-height: 2.25rem;
+ }
+
+ .lg\:leading-10 {
+ line-height: 2.5rem;
+ }
+
+ .lg\:leading-none {
+ line-height: 1;
+ }
+
+ .lg\:leading-tight {
+ line-height: 1.25;
+ }
+
+ .lg\:leading-snug {
+ line-height: 1.375;
+ }
+
+ .lg\:leading-normal {
+ line-height: 1.5;
+ }
+
+ .lg\:leading-relaxed {
+ line-height: 1.625;
+ }
+
+ .lg\:leading-loose {
+ line-height: 2;
+ }
+
+ .lg\:list-inside {
+ list-style-position: inside;
+ }
+
+ .lg\:list-outside {
+ list-style-position: outside;
+ }
+
+ .lg\:list-none {
+ list-style-type: none;
+ }
+
+ .lg\:list-disc {
+ list-style-type: disc;
+ }
+
+ .lg\:list-decimal {
+ list-style-type: decimal;
+ }
+
+ .lg\:m-0 {
+ margin: 0;
+ }
+
+ .lg\:m-1 {
+ margin: 0.25rem;
+ }
+
+ .lg\:m-2 {
+ margin: 0.5rem;
+ }
+
+ .lg\:m-3 {
+ margin: 0.75rem;
+ }
+
+ .lg\:m-4 {
+ margin: 1rem;
+ }
+
+ .lg\:m-5 {
+ margin: 1.25rem;
+ }
+
+ .lg\:m-6 {
+ margin: 1.5rem;
+ }
+
+ .lg\:m-8 {
+ margin: 2rem;
+ }
+
+ .lg\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .lg\:m-12 {
+ margin: 3rem;
+ }
+
+ .lg\:m-16 {
+ margin: 4rem;
+ }
+
+ .lg\:m-20 {
+ margin: 5rem;
+ }
+
+ .lg\:m-24 {
+ margin: 6rem;
+ }
+
+ .lg\:m-32 {
+ margin: 8rem;
+ }
+
+ .lg\:m-40 {
+ margin: 10rem;
+ }
+
+ .lg\:m-48 {
+ margin: 12rem;
+ }
+
+ .lg\:m-56 {
+ margin: 14rem;
+ }
+
+ .lg\:m-64 {
+ margin: 16rem;
+ }
+
+ .lg\:m-auto {
+ margin: auto;
+ }
+
+ .lg\:m-px {
+ margin: 1px;
+ }
+
+ .lg\:-m-1 {
+ margin: -0.25rem;
+ }
+
+ .lg\:-m-2 {
+ margin: -0.5rem;
+ }
+
+ .lg\:-m-3 {
+ margin: -0.75rem;
+ }
+
+ .lg\:-m-4 {
+ margin: -1rem;
+ }
+
+ .lg\:-m-5 {
+ margin: -1.25rem;
+ }
+
+ .lg\:-m-6 {
+ margin: -1.5rem;
+ }
+
+ .lg\:-m-8 {
+ margin: -2rem;
+ }
+
+ .lg\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .lg\:-m-12 {
+ margin: -3rem;
+ }
+
+ .lg\:-m-16 {
+ margin: -4rem;
+ }
+
+ .lg\:-m-20 {
+ margin: -5rem;
+ }
+
+ .lg\:-m-24 {
+ margin: -6rem;
+ }
+
+ .lg\:-m-32 {
+ margin: -8rem;
+ }
+
+ .lg\:-m-40 {
+ margin: -10rem;
+ }
+
+ .lg\:-m-48 {
+ margin: -12rem;
+ }
+
+ .lg\:-m-56 {
+ margin: -14rem;
+ }
+
+ .lg\:-m-64 {
+ margin: -16rem;
+ }
+
+ .lg\:-m-px {
+ margin: -1px;
+ }
+
+ .lg\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .lg\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .lg\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .lg\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .lg\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .lg\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .lg\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .lg\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .lg\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .lg\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .lg\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .lg\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .lg\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .lg\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .lg\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .lg\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .lg\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .lg\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .lg\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .lg\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .lg\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .lg\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .lg\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .lg\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .lg\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .lg\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .lg\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .lg\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .lg\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .lg\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .lg\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .lg\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .lg\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .lg\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .lg\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .lg\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .lg\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .lg\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .lg\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .lg\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .lg\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .lg\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .lg\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .lg\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .lg\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .lg\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .lg\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .lg\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .lg\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .lg\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .lg\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .lg\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .lg\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .lg\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .lg\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .lg\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .lg\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .lg\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .lg\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .lg\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .lg\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .lg\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .lg\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .lg\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .lg\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .lg\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .lg\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .lg\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .lg\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .lg\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .lg\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .lg\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .lg\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .lg\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .lg\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .lg\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .lg\:mt-0 {
+ margin-top: 0;
+ }
+
+ .lg\:mr-0 {
+ margin-right: 0;
+ }
+
+ .lg\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .lg\:ml-0 {
+ margin-left: 0;
+ }
+
+ .lg\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .lg\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .lg\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .lg\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .lg\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .lg\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .lg\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .lg\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .lg\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .lg\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .lg\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .lg\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .lg\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .lg\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .lg\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .lg\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .lg\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .lg\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .lg\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .lg\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .lg\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .lg\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .lg\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .lg\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .lg\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .lg\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .lg\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .lg\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .lg\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .lg\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .lg\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .lg\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .lg\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .lg\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .lg\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .lg\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .lg\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .lg\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .lg\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .lg\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .lg\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .lg\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .lg\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .lg\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .lg\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .lg\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .lg\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .lg\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .lg\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .lg\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .lg\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .lg\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .lg\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .lg\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .lg\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .lg\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .lg\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .lg\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .lg\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .lg\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .lg\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .lg\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .lg\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .lg\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .lg\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .lg\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .lg\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .lg\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .lg\:mt-auto {
+ margin-top: auto;
+ }
+
+ .lg\:mr-auto {
+ margin-right: auto;
+ }
+
+ .lg\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .lg\:ml-auto {
+ margin-left: auto;
+ }
+
+ .lg\:mt-px {
+ margin-top: 1px;
+ }
+
+ .lg\:mr-px {
+ margin-right: 1px;
+ }
+
+ .lg\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .lg\:ml-px {
+ margin-left: 1px;
+ }
+
+ .lg\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .lg\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .lg\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .lg\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .lg\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .lg\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .lg\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .lg\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .lg\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .lg\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .lg\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .lg\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .lg\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .lg\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .lg\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .lg\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .lg\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .lg\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .lg\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .lg\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .lg\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .lg\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .lg\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .lg\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .lg\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .lg\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .lg\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .lg\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .lg\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .lg\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .lg\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .lg\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .lg\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .lg\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .lg\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .lg\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .lg\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .lg\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .lg\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .lg\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .lg\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .lg\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .lg\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .lg\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .lg\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .lg\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .lg\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .lg\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .lg\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .lg\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .lg\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .lg\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .lg\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .lg\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .lg\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .lg\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .lg\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .lg\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .lg\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .lg\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .lg\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .lg\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .lg\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .lg\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .lg\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .lg\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .lg\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .lg\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .lg\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .lg\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .lg\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .lg\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .lg\:max-h-full {
+ max-height: 100%;
+ }
+
+ .lg\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .lg\:max-w-none {
+ max-width: none;
+ }
+
+ .lg\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .lg\:max-w-sm {
+ max-width: 24rem;
+ }
+
+ .lg\:max-w-md {
+ max-width: 28rem;
+ }
+
+ .lg\:max-w-lg {
+ max-width: 32rem;
+ }
+
+ .lg\:max-w-xl {
+ max-width: 36rem;
+ }
+
+ .lg\:max-w-2xl {
+ max-width: 42rem;
+ }
+
+ .lg\:max-w-3xl {
+ max-width: 48rem;
+ }
+
+ .lg\:max-w-4xl {
+ max-width: 56rem;
+ }
+
+ .lg\:max-w-5xl {
+ max-width: 64rem;
+ }
+
+ .lg\:max-w-6xl {
+ max-width: 72rem;
+ }
+
+ .lg\:max-w-full {
+ max-width: 100%;
+ }
+
+ .lg\:max-w-screen-sm {
+ max-width: 640px;
+ }
+
+ .lg\:max-w-screen-md {
+ max-width: 768px;
+ }
+
+ .lg\:max-w-screen-lg {
+ max-width: 1024px;
+ }
+
+ .lg\:max-w-screen-xl {
+ max-width: 1280px;
+ }
+
+ .lg\:min-h-0 {
+ min-height: 0;
+ }
+
+ .lg\:min-h-full {
+ min-height: 100%;
+ }
+
+ .lg\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .lg\:min-w-0 {
+ min-width: 0;
+ }
+
+ .lg\:min-w-full {
+ min-width: 100%;
+ }
+
+ .lg\:opacity-0 {
+ opacity: 0;
+ }
+
+ .lg\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .lg\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .lg\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .lg\:opacity-100 {
+ opacity: 1;
+ }
+
+ .lg\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .lg\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .lg\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .lg\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .lg\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .lg\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .lg\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .lg\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .lg\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .lg\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .lg\:outline-none {
+ outline: 0;
+ }
+
+ .lg\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .lg\:overflow-auto {
+ overflow: auto;
+ }
+
+ .lg\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .lg\:overflow-visible {
+ overflow: visible;
+ }
+
+ .lg\:overflow-scroll {
+ overflow: scroll;
+ }
+
+ .lg\:overflow-x-auto {
+ overflow-x: auto;
+ }
+
+ .lg\:overflow-y-auto {
+ overflow-y: auto;
+ }
+
+ .lg\:overflow-x-hidden {
+ overflow-x: hidden;
+ }
+
+ .lg\:overflow-y-hidden {
+ overflow-y: hidden;
+ }
+
+ .lg\:overflow-x-visible {
+ overflow-x: visible;
+ }
+
+ .lg\:overflow-y-visible {
+ overflow-y: visible;
+ }
+
+ .lg\:overflow-x-scroll {
+ overflow-x: scroll;
+ }
+
+ .lg\:overflow-y-scroll {
+ overflow-y: scroll;
+ }
+
+ .lg\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .lg\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .lg\:p-0 {
+ padding: 0;
+ }
+
+ .lg\:p-1 {
+ padding: 0.25rem;
+ }
+
+ .lg\:p-2 {
+ padding: 0.5rem;
+ }
+
+ .lg\:p-3 {
+ padding: 0.75rem;
+ }
+
+ .lg\:p-4 {
+ padding: 1rem;
+ }
+
+ .lg\:p-5 {
+ padding: 1.25rem;
+ }
+
+ .lg\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .lg\:p-8 {
+ padding: 2rem;
+ }
+
+ .lg\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .lg\:p-12 {
+ padding: 3rem;
+ }
+
+ .lg\:p-16 {
+ padding: 4rem;
+ }
+
+ .lg\:p-20 {
+ padding: 5rem;
+ }
+
+ .lg\:p-24 {
+ padding: 6rem;
+ }
+
+ .lg\:p-32 {
+ padding: 8rem;
+ }
+
+ .lg\:p-40 {
+ padding: 10rem;
+ }
+
+ .lg\:p-48 {
+ padding: 12rem;
+ }
+
+ .lg\:p-56 {
+ padding: 14rem;
+ }
+
+ .lg\:p-64 {
+ padding: 16rem;
+ }
+
+ .lg\:p-px {
+ padding: 1px;
+ }
+
+ .lg\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .lg\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .lg\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .lg\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .lg\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .lg\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .lg\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .lg\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .lg\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .lg\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .lg\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .lg\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .lg\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .lg\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .lg\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .lg\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .lg\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .lg\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .lg\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .lg\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .lg\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .lg\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .lg\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .lg\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .lg\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .lg\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .lg\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .lg\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .lg\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .lg\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .lg\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .lg\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .lg\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .lg\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .lg\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .lg\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .lg\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .lg\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .lg\:pt-0 {
+ padding-top: 0;
+ }
+
+ .lg\:pr-0 {
+ padding-right: 0;
+ }
+
+ .lg\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .lg\:pl-0 {
+ padding-left: 0;
+ }
+
+ .lg\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .lg\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .lg\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .lg\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .lg\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .lg\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .lg\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .lg\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .lg\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .lg\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .lg\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .lg\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .lg\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .lg\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .lg\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .lg\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .lg\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .lg\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .lg\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .lg\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .lg\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .lg\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .lg\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .lg\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .lg\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .lg\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .lg\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .lg\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .lg\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .lg\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .lg\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .lg\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .lg\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .lg\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .lg\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .lg\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .lg\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .lg\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .lg\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .lg\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .lg\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .lg\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .lg\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .lg\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .lg\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .lg\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .lg\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .lg\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .lg\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .lg\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .lg\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .lg\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .lg\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .lg\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .lg\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .lg\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .lg\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .lg\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .lg\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .lg\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .lg\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .lg\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .lg\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .lg\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .lg\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .lg\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .lg\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .lg\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .lg\:pt-px {
+ padding-top: 1px;
+ }
+
+ .lg\:pr-px {
+ padding-right: 1px;
+ }
+
+ .lg\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .lg\:pl-px {
+ padding-left: 1px;
+ }
+
+ .lg\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .lg\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .lg\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .lg\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .lg\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .lg\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .lg\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .lg\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .lg\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .lg\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .lg\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .lg\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .lg\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .lg\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .lg\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .lg\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .lg\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .lg\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .lg\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .lg\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .lg\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .lg\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .lg\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .lg\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .lg\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .lg\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .lg\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .lg\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .lg\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .lg\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .lg\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .lg\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .lg\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .lg\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .lg\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .lg\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .lg\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .lg\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .lg\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .lg\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .lg\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .lg\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .lg\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .lg\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .lg\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .lg\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .lg\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .lg\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .lg\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .lg\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .lg\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .lg\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .lg\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .lg\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .lg\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .lg\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .lg\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .lg\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .lg\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .lg\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .lg\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .lg\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .lg\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .lg\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .lg\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .lg\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .lg\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .lg\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .lg\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .lg\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .lg\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .lg\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .lg\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .lg\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .lg\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .lg\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .lg\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .lg\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .lg\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .lg\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .lg\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .lg\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .lg\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .lg\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .lg\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .lg\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .lg\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .lg\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .lg\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .lg\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .lg\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .lg\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .lg\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .lg\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .lg\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .lg\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .lg\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .lg\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .lg\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .lg\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .lg\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .lg\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .lg\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .lg\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .lg\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .lg\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .lg\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .lg\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .lg\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .lg\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .lg\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .lg\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .lg\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .lg\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .lg\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .lg\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .lg\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .lg\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .lg\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .lg\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .lg\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .lg\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .lg\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .lg\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .lg\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .lg\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .lg\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .lg\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .lg\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .lg\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .lg\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .lg\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .lg\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .lg\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .lg\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .lg\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .lg\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .lg\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .lg\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .lg\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .lg\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .lg\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .lg\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .lg\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .lg\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .lg\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .lg\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .lg\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .lg\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .lg\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .lg\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .lg\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .lg\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .lg\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .lg\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .lg\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .lg\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .lg\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .lg\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .lg\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .lg\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .lg\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .lg\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .lg\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .lg\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .lg\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .lg\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .lg\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .lg\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .lg\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .lg\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .lg\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .lg\:static {
+ position: static;
+ }
+
+ .lg\:fixed {
+ position: fixed;
+ }
+
+ .lg\:absolute {
+ position: absolute;
+ }
+
+ .lg\:relative {
+ position: relative;
+ }
+
+ .lg\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .lg\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .lg\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .lg\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .lg\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .lg\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .lg\:top-0 {
+ top: 0;
+ }
+
+ .lg\:right-0 {
+ right: 0;
+ }
+
+ .lg\:bottom-0 {
+ bottom: 0;
+ }
+
+ .lg\:left-0 {
+ left: 0;
+ }
+
+ .lg\:top-auto {
+ top: auto;
+ }
+
+ .lg\:right-auto {
+ right: auto;
+ }
+
+ .lg\:bottom-auto {
+ bottom: auto;
+ }
+
+ .lg\:left-auto {
+ left: auto;
+ }
+
+ .lg\:resize-none {
+ resize: none;
+ }
+
+ .lg\:resize-y {
+ resize: vertical;
+ }
+
+ .lg\:resize-x {
+ resize: horizontal;
+ }
+
+ .lg\:resize {
+ resize: both;
+ }
+
+ .lg\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:shadow-none {
+ box-shadow: none;
+ }
+
+ .lg\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .lg\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .lg\:fill-current {
+ fill: currentColor;
+ }
+
+ .lg\:stroke-current {
+ stroke: currentColor;
+ }
+
+ .lg\:stroke-0 {
+ stroke-width: 0;
+ }
+
+ .lg\:stroke-1 {
+ stroke-width: 1;
+ }
+
+ .lg\:stroke-2 {
+ stroke-width: 2;
+ }
+
+ .lg\:table-auto {
+ table-layout: auto;
+ }
+
+ .lg\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .lg\:text-left {
+ text-align: left;
+ }
+
+ .lg\:text-center {
+ text-align: center;
+ }
+
+ .lg\:text-right {
+ text-align: right;
+ }
+
+ .lg\:text-justify {
+ text-align: justify;
+ }
+
+ .lg\:text-transparent {
+ color: transparent;
+ }
+
+ .lg\:text-current {
+ color: currentColor;
+ }
+
+ .lg\:text-black {
+ color: #000;
+ }
+
+ .lg\:text-white {
+ color: #fff;
+ }
+
+ .lg\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .lg\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .lg\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .lg\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .lg\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .lg\:text-gray-600 {
+ color: #718096;
+ }
+
+ .lg\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .lg\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .lg\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .lg\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .lg\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .lg\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .lg\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .lg\:text-red-500 {
+ color: #f56565;
+ }
+
+ .lg\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .lg\:text-red-700 {
+ color: #c53030;
+ }
+
+ .lg\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .lg\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .lg\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .lg\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .lg\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .lg\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .lg\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .lg\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .lg\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .lg\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .lg\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .lg\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .lg\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .lg\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .lg\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .lg\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .lg\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .lg\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .lg\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .lg\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .lg\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .lg\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .lg\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .lg\:text-green-400 {
+ color: #68d391;
+ }
+
+ .lg\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .lg\:text-green-600 {
+ color: #38a169;
+ }
+
+ .lg\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .lg\:text-green-800 {
+ color: #276749;
+ }
+
+ .lg\:text-green-900 {
+ color: #22543d;
+ }
+
+ .lg\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .lg\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .lg\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .lg\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .lg\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .lg\:text-teal-600 {
+ color: #319795;
+ }
+
+ .lg\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .lg\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .lg\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .lg\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .lg\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .lg\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .lg\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .lg\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .lg\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .lg\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .lg\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .lg\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .lg\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .lg\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .lg\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .lg\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .lg\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .lg\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .lg\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .lg\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .lg\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .lg\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .lg\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .lg\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .lg\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .lg\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .lg\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .lg\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .lg\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .lg\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .lg\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .lg\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .lg\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .lg\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .lg\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .lg\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .lg\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .lg\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .lg\:text-pink-900 {
+ color: #702459;
+ }
+
+ .lg\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .lg\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .lg\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .lg\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .lg\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .lg\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .lg\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .lg\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .lg\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .lg\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .lg\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .lg\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .lg\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .lg\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .lg\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .lg\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .lg\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .lg\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .lg\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .lg\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .lg\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .lg\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .lg\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .lg\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .lg\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .lg\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .lg\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .lg\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .lg\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .lg\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .lg\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .lg\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .lg\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .lg\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .lg\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .lg\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .lg\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .lg\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .lg\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .lg\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .lg\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .lg\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .lg\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .lg\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .lg\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .lg\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .lg\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .lg\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .lg\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .lg\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .lg\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .lg\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .lg\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .lg\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .lg\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .lg\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .lg\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .lg\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .lg\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .lg\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .lg\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .lg\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .lg\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .lg\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .lg\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .lg\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .lg\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .lg\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .lg\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .lg\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .lg\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .lg\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .lg\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .lg\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .lg\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .lg\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .lg\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .lg\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .lg\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .lg\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .lg\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .lg\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .lg\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .lg\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .lg\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .lg\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .lg\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .lg\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .lg\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .lg\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .lg\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .lg\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .lg\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .lg\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .lg\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .lg\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .lg\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .lg\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .lg\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .lg\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .lg\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .lg\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .lg\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .lg\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .lg\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .lg\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .lg\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .lg\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .lg\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .lg\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .lg\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .lg\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .lg\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .lg\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .lg\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .lg\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .lg\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .lg\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .lg\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .lg\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .lg\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .lg\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .lg\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .lg\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .lg\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .lg\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .lg\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .lg\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .lg\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .lg\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .lg\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .lg\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .lg\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .lg\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .lg\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .lg\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .lg\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .lg\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .lg\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .lg\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .lg\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .lg\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .lg\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .lg\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .lg\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .lg\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .lg\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .lg\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .lg\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .lg\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .lg\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .lg\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .lg\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .lg\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .lg\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .lg\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .lg\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .lg\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .lg\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .lg\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .lg\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .lg\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .lg\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .lg\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .lg\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .lg\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .lg\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .lg\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .lg\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .lg\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .lg\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .lg\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .lg\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .lg\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .lg\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .lg\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .lg\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .lg\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .lg\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .lg\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .lg\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .lg\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .lg\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .lg\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .lg\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .lg\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .lg\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .lg\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .lg\:italic {
+ font-style: italic;
+ }
+
+ .lg\:not-italic {
+ font-style: normal;
+ }
+
+ .lg\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .lg\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .lg\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .lg\:normal-case {
+ text-transform: none;
+ }
+
+ .lg\:underline {
+ text-decoration: underline;
+ }
+
+ .lg\:line-through {
+ text-decoration: line-through;
+ }
+
+ .lg\:no-underline {
+ text-decoration: none;
+ }
+
+ .lg\:hover\:underline:hover {
+ text-decoration: underline;
+ }
+
+ .lg\:hover\:line-through:hover {
+ text-decoration: line-through;
+ }
+
+ .lg\:hover\:no-underline:hover {
+ text-decoration: none;
+ }
+
+ .lg\:focus\:underline:focus {
+ text-decoration: underline;
+ }
+
+ .lg\:focus\:line-through:focus {
+ text-decoration: line-through;
+ }
+
+ .lg\:focus\:no-underline:focus {
+ text-decoration: none;
+ }
+
+ .lg\:antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .lg\:subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+
+ .lg\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .lg\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .lg\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .lg\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .lg\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .lg\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .lg\:select-none {
+ user-select: none;
+ }
+
+ .lg\:select-text {
+ user-select: text;
+ }
+
+ .lg\:select-all {
+ user-select: all;
+ }
+
+ .lg\:select-auto {
+ user-select: auto;
+ }
+
+ .lg\:align-baseline {
+ vertical-align: baseline;
+ }
+
+ .lg\:align-top {
+ vertical-align: top;
+ }
+
+ .lg\:align-middle {
+ vertical-align: middle;
+ }
+
+ .lg\:align-bottom {
+ vertical-align: bottom;
+ }
+
+ .lg\:align-text-top {
+ vertical-align: text-top;
+ }
+
+ .lg\:align-text-bottom {
+ vertical-align: text-bottom;
+ }
+
+ .lg\:visible {
+ visibility: visible;
+ }
+
+ .lg\:invisible {
+ visibility: hidden;
+ }
+
+ .lg\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .lg\:whitespace-no-wrap {
+ white-space: nowrap;
+ }
+
+ .lg\:whitespace-pre {
+ white-space: pre;
+ }
+
+ .lg\:whitespace-pre-line {
+ white-space: pre-line;
+ }
+
+ .lg\:whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+
+ .lg\:break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+
+ .lg\:break-words {
+ overflow-wrap: break-word;
+ }
+
+ .lg\:break-all {
+ word-break: break-all;
+ }
+
+ .lg\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .lg\:w-0 {
+ width: 0;
+ }
+
+ .lg\:w-1 {
+ width: 0.25rem;
+ }
+
+ .lg\:w-2 {
+ width: 0.5rem;
+ }
+
+ .lg\:w-3 {
+ width: 0.75rem;
+ }
+
+ .lg\:w-4 {
+ width: 1rem;
+ }
+
+ .lg\:w-5 {
+ width: 1.25rem;
+ }
+
+ .lg\:w-6 {
+ width: 1.5rem;
+ }
+
+ .lg\:w-8 {
+ width: 2rem;
+ }
+
+ .lg\:w-10 {
+ width: 2.5rem;
+ }
+
+ .lg\:w-12 {
+ width: 3rem;
+ }
+
+ .lg\:w-16 {
+ width: 4rem;
+ }
+
+ .lg\:w-20 {
+ width: 5rem;
+ }
+
+ .lg\:w-24 {
+ width: 6rem;
+ }
+
+ .lg\:w-32 {
+ width: 8rem;
+ }
+
+ .lg\:w-40 {
+ width: 10rem;
+ }
+
+ .lg\:w-48 {
+ width: 12rem;
+ }
+
+ .lg\:w-56 {
+ width: 14rem;
+ }
+
+ .lg\:w-64 {
+ width: 16rem;
+ }
+
+ .lg\:w-auto {
+ width: auto;
+ }
+
+ .lg\:w-px {
+ width: 1px;
+ }
+
+ .lg\:w-1\/2 {
+ width: 50%;
+ }
+
+ .lg\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-2\/3 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-1\/4 {
+ width: 25%;
+ }
+
+ .lg\:w-2\/4 {
+ width: 50%;
+ }
+
+ .lg\:w-3\/4 {
+ width: 75%;
+ }
+
+ .lg\:w-1\/5 {
+ width: 20%;
+ }
+
+ .lg\:w-2\/5 {
+ width: 40%;
+ }
+
+ .lg\:w-3\/5 {
+ width: 60%;
+ }
+
+ .lg\:w-4\/5 {
+ width: 80%;
+ }
+
+ .lg\:w-1\/6 {
+ width: 16.666667%;
+ }
+
+ .lg\:w-2\/6 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-3\/6 {
+ width: 50%;
+ }
+
+ .lg\:w-4\/6 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-5\/6 {
+ width: 83.333333%;
+ }
+
+ .lg\:w-1\/12 {
+ width: 8.333333%;
+ }
+
+ .lg\:w-2\/12 {
+ width: 16.666667%;
+ }
+
+ .lg\:w-3\/12 {
+ width: 25%;
+ }
+
+ .lg\:w-4\/12 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-5\/12 {
+ width: 41.666667%;
+ }
+
+ .lg\:w-6\/12 {
+ width: 50%;
+ }
+
+ .lg\:w-7\/12 {
+ width: 58.333333%;
+ }
+
+ .lg\:w-8\/12 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-9\/12 {
+ width: 75%;
+ }
+
+ .lg\:w-10\/12 {
+ width: 83.333333%;
+ }
+
+ .lg\:w-11\/12 {
+ width: 91.666667%;
+ }
+
+ .lg\:w-full {
+ width: 100%;
+ }
+
+ .lg\:w-screen {
+ width: 100vw;
+ }
+
+ .lg\:z-0 {
+ z-index: 0;
+ }
+
+ .lg\:z-10 {
+ z-index: 10;
+ }
+
+ .lg\:z-20 {
+ z-index: 20;
+ }
+
+ .lg\:z-30 {
+ z-index: 30;
+ }
+
+ .lg\:z-40 {
+ z-index: 40;
+ }
+
+ .lg\:z-50 {
+ z-index: 50;
+ }
+
+ .lg\:z-auto {
+ z-index: auto;
+ }
+
+ .lg\:origin-center {
+ transform-origin: center;
+ }
+
+ .lg\:origin-top {
+ transform-origin: top;
+ }
+
+ .lg\:origin-top-right {
+ transform-origin: top right;
+ }
+
+ .lg\:origin-right {
+ transform-origin: right;
+ }
+
+ .lg\:origin-bottom-right {
+ transform-origin: bottom right;
+ }
+
+ .lg\:origin-bottom {
+ transform-origin: bottom;
+ }
+
+ .lg\:origin-bottom-left {
+ transform-origin: bottom left;
+ }
+
+ .lg\:origin-left {
+ transform-origin: left;
+ }
+
+ .lg\:origin-top-left {
+ transform-origin: top left;
+ }
+
+ .lg\:scale-0 {
+ transform: scale(0);
+ }
+
+ .lg\:scale-50 {
+ transform: scale(.5);
+ }
+
+ .lg\:scale-75 {
+ transform: scale(.75);
+ }
+
+ .lg\:scale-90 {
+ transform: scale(.9);
+ }
+
+ .lg\:scale-95 {
+ transform: scale(.95);
+ }
+
+ .lg\:scale-100 {
+ transform: scale(1);
+ }
+
+ .lg\:scale-105 {
+ transform: scale(1.05);
+ }
+
+ .lg\:scale-110 {
+ transform: scale(1.1);
+ }
+
+ .lg\:scale-125 {
+ transform: scale(1.25);
+ }
+
+ .lg\:scale-150 {
+ transform: scale(1.5);
+ }
+
+ .lg\:scale-x-0 {
+ transform: scaleX(0);
+ }
+
+ .lg\:scale-x-50 {
+ transform: scaleX(.5);
+ }
+
+ .lg\:scale-x-75 {
+ transform: scaleX(.75);
+ }
+
+ .lg\:scale-x-90 {
+ transform: scaleX(.9);
+ }
+
+ .lg\:scale-x-95 {
+ transform: scaleX(.95);
+ }
+
+ .lg\:scale-x-100 {
+ transform: scaleX(1);
+ }
+
+ .lg\:scale-x-105 {
+ transform: scaleX(1.05);
+ }
+
+ .lg\:scale-x-110 {
+ transform: scaleX(1.1);
+ }
+
+ .lg\:scale-x-125 {
+ transform: scaleX(1.25);
+ }
+
+ .lg\:scale-x-150 {
+ transform: scaleX(1.5);
+ }
+
+ .lg\:scale-y-0 {
+ transform: scaleY(0);
+ }
+
+ .lg\:scale-y-50 {
+ transform: scaleY(.5);
+ }
+
+ .lg\:scale-y-75 {
+ transform: scaleY(.75);
+ }
+
+ .lg\:scale-y-90 {
+ transform: scaleY(.9);
+ }
+
+ .lg\:scale-y-95 {
+ transform: scaleY(.95);
+ }
+
+ .lg\:scale-y-100 {
+ transform: scaleY(1);
+ }
+
+ .lg\:scale-y-105 {
+ transform: scaleY(1.05);
+ }
+
+ .lg\:scale-y-110 {
+ transform: scaleY(1.1);
+ }
+
+ .lg\:scale-y-125 {
+ transform: scaleY(1.25);
+ }
+
+ .lg\:scale-y-150 {
+ transform: scaleY(1.5);
+ }
+
+ .lg\:hover\:scale-0:hover {
+ transform: scale(0);
+ }
+
+ .lg\:hover\:scale-50:hover {
+ transform: scale(.5);
+ }
+
+ .lg\:hover\:scale-75:hover {
+ transform: scale(.75);
+ }
+
+ .lg\:hover\:scale-90:hover {
+ transform: scale(.9);
+ }
+
+ .lg\:hover\:scale-95:hover {
+ transform: scale(.95);
+ }
+
+ .lg\:hover\:scale-100:hover {
+ transform: scale(1);
+ }
+
+ .lg\:hover\:scale-105:hover {
+ transform: scale(1.05);
+ }
+
+ .lg\:hover\:scale-110:hover {
+ transform: scale(1.1);
+ }
+
+ .lg\:hover\:scale-125:hover {
+ transform: scale(1.25);
+ }
+
+ .lg\:hover\:scale-150:hover {
+ transform: scale(1.5);
+ }
+
+ .lg\:hover\:scale-x-0:hover {
+ transform: scaleX(0);
+ }
+
+ .lg\:hover\:scale-x-50:hover {
+ transform: scaleX(.5);
+ }
+
+ .lg\:hover\:scale-x-75:hover {
+ transform: scaleX(.75);
+ }
+
+ .lg\:hover\:scale-x-90:hover {
+ transform: scaleX(.9);
+ }
+
+ .lg\:hover\:scale-x-95:hover {
+ transform: scaleX(.95);
+ }
+
+ .lg\:hover\:scale-x-100:hover {
+ transform: scaleX(1);
+ }
+
+ .lg\:hover\:scale-x-105:hover {
+ transform: scaleX(1.05);
+ }
+
+ .lg\:hover\:scale-x-110:hover {
+ transform: scaleX(1.1);
+ }
+
+ .lg\:hover\:scale-x-125:hover {
+ transform: scaleX(1.25);
+ }
+
+ .lg\:hover\:scale-x-150:hover {
+ transform: scaleX(1.5);
+ }
+
+ .lg\:hover\:scale-y-0:hover {
+ transform: scaleY(0);
+ }
+
+ .lg\:hover\:scale-y-50:hover {
+ transform: scaleY(.5);
+ }
+
+ .lg\:hover\:scale-y-75:hover {
+ transform: scaleY(.75);
+ }
+
+ .lg\:hover\:scale-y-90:hover {
+ transform: scaleY(.9);
+ }
+
+ .lg\:hover\:scale-y-95:hover {
+ transform: scaleY(.95);
+ }
+
+ .lg\:hover\:scale-y-100:hover {
+ transform: scaleY(1);
+ }
+
+ .lg\:hover\:scale-y-105:hover {
+ transform: scaleY(1.05);
+ }
+
+ .lg\:hover\:scale-y-110:hover {
+ transform: scaleY(1.1);
+ }
+
+ .lg\:hover\:scale-y-125:hover {
+ transform: scaleY(1.25);
+ }
+
+ .lg\:hover\:scale-y-150:hover {
+ transform: scaleY(1.5);
+ }
+
+ .lg\:focus\:scale-0:focus {
+ transform: scale(0);
+ }
+
+ .lg\:focus\:scale-50:focus {
+ transform: scale(.5);
+ }
+
+ .lg\:focus\:scale-75:focus {
+ transform: scale(.75);
+ }
+
+ .lg\:focus\:scale-90:focus {
+ transform: scale(.9);
+ }
+
+ .lg\:focus\:scale-95:focus {
+ transform: scale(.95);
+ }
+
+ .lg\:focus\:scale-100:focus {
+ transform: scale(1);
+ }
+
+ .lg\:focus\:scale-105:focus {
+ transform: scale(1.05);
+ }
+
+ .lg\:focus\:scale-110:focus {
+ transform: scale(1.1);
+ }
+
+ .lg\:focus\:scale-125:focus {
+ transform: scale(1.25);
+ }
+
+ .lg\:focus\:scale-150:focus {
+ transform: scale(1.5);
+ }
+
+ .lg\:focus\:scale-x-0:focus {
+ transform: scaleX(0);
+ }
+
+ .lg\:focus\:scale-x-50:focus {
+ transform: scaleX(.5);
+ }
+
+ .lg\:focus\:scale-x-75:focus {
+ transform: scaleX(.75);
+ }
+
+ .lg\:focus\:scale-x-90:focus {
+ transform: scaleX(.9);
+ }
+
+ .lg\:focus\:scale-x-95:focus {
+ transform: scaleX(.95);
+ }
+
+ .lg\:focus\:scale-x-100:focus {
+ transform: scaleX(1);
+ }
+
+ .lg\:focus\:scale-x-105:focus {
+ transform: scaleX(1.05);
+ }
+
+ .lg\:focus\:scale-x-110:focus {
+ transform: scaleX(1.1);
+ }
+
+ .lg\:focus\:scale-x-125:focus {
+ transform: scaleX(1.25);
+ }
+
+ .lg\:focus\:scale-x-150:focus {
+ transform: scaleX(1.5);
+ }
+
+ .lg\:focus\:scale-y-0:focus {
+ transform: scaleY(0);
+ }
+
+ .lg\:focus\:scale-y-50:focus {
+ transform: scaleY(.5);
+ }
+
+ .lg\:focus\:scale-y-75:focus {
+ transform: scaleY(.75);
+ }
+
+ .lg\:focus\:scale-y-90:focus {
+ transform: scaleY(.9);
+ }
+
+ .lg\:focus\:scale-y-95:focus {
+ transform: scaleY(.95);
+ }
+
+ .lg\:focus\:scale-y-100:focus {
+ transform: scaleY(1);
+ }
+
+ .lg\:focus\:scale-y-105:focus {
+ transform: scaleY(1.05);
+ }
+
+ .lg\:focus\:scale-y-110:focus {
+ transform: scaleY(1.1);
+ }
+
+ .lg\:focus\:scale-y-125:focus {
+ transform: scaleY(1.25);
+ }
+
+ .lg\:focus\:scale-y-150:focus {
+ transform: scaleY(1.5);
+ }
+
+ .lg\:rotate-0 {
+ transform: rotate(0);
+ }
+
+ .lg\:rotate-45 {
+ transform: rotate(45deg);
+ }
+
+ .lg\:rotate-90 {
+ transform: rotate(90deg);
+ }
+
+ .lg\:rotate-180 {
+ transform: rotate(180deg);
+ }
+
+ .lg\:-rotate-180 {
+ transform: rotate(-180deg);
+ }
+
+ .lg\:-rotate-90 {
+ transform: rotate(-90deg);
+ }
+
+ .lg\:-rotate-45 {
+ transform: rotate(-45deg);
+ }
+
+ .lg\:hover\:rotate-0:hover {
+ transform: rotate(0);
+ }
+
+ .lg\:hover\:rotate-45:hover {
+ transform: rotate(45deg);
+ }
+
+ .lg\:hover\:rotate-90:hover {
+ transform: rotate(90deg);
+ }
+
+ .lg\:hover\:rotate-180:hover {
+ transform: rotate(180deg);
+ }
+
+ .lg\:hover\:-rotate-180:hover {
+ transform: rotate(-180deg);
+ }
+
+ .lg\:hover\:-rotate-90:hover {
+ transform: rotate(-90deg);
+ }
+
+ .lg\:hover\:-rotate-45:hover {
+ transform: rotate(-45deg);
+ }
+
+ .lg\:focus\:rotate-0:focus {
+ transform: rotate(0);
+ }
+
+ .lg\:focus\:rotate-45:focus {
+ transform: rotate(45deg);
+ }
+
+ .lg\:focus\:rotate-90:focus {
+ transform: rotate(90deg);
+ }
+
+ .lg\:focus\:rotate-180:focus {
+ transform: rotate(180deg);
+ }
+
+ .lg\:focus\:-rotate-180:focus {
+ transform: rotate(-180deg);
+ }
+
+ .lg\:focus\:-rotate-90:focus {
+ transform: rotate(-90deg);
+ }
+
+ .lg\:focus\:-rotate-45:focus {
+ transform: rotate(-45deg);
+ }
+
+ .lg\:translate-x-0 {
+ transform: translateX(0);
+ }
+
+ .lg\:translate-x-1 {
+ transform: translateX(0.25rem);
+ }
+
+ .lg\:translate-x-2 {
+ transform: translateX(0.5rem);
+ }
+
+ .lg\:translate-x-3 {
+ transform: translateX(0.75rem);
+ }
+
+ .lg\:translate-x-4 {
+ transform: translateX(1rem);
+ }
+
+ .lg\:translate-x-5 {
+ transform: translateX(1.25rem);
+ }
+
+ .lg\:translate-x-6 {
+ transform: translateX(1.5rem);
+ }
+
+ .lg\:translate-x-8 {
+ transform: translateX(2rem);
+ }
+
+ .lg\:translate-x-10 {
+ transform: translateX(2.5rem);
+ }
+
+ .lg\:translate-x-12 {
+ transform: translateX(3rem);
+ }
+
+ .lg\:translate-x-16 {
+ transform: translateX(4rem);
+ }
+
+ .lg\:translate-x-20 {
+ transform: translateX(5rem);
+ }
+
+ .lg\:translate-x-24 {
+ transform: translateX(6rem);
+ }
+
+ .lg\:translate-x-32 {
+ transform: translateX(8rem);
+ }
+
+ .lg\:translate-x-40 {
+ transform: translateX(10rem);
+ }
+
+ .lg\:translate-x-48 {
+ transform: translateX(12rem);
+ }
+
+ .lg\:translate-x-56 {
+ transform: translateX(14rem);
+ }
+
+ .lg\:translate-x-64 {
+ transform: translateX(16rem);
+ }
+
+ .lg\:translate-x-px {
+ transform: translateX(1px);
+ }
+
+ .lg\:-translate-x-1 {
+ transform: translateX(-0.25rem);
+ }
+
+ .lg\:-translate-x-2 {
+ transform: translateX(-0.5rem);
+ }
+
+ .lg\:-translate-x-3 {
+ transform: translateX(-0.75rem);
+ }
+
+ .lg\:-translate-x-4 {
+ transform: translateX(-1rem);
+ }
+
+ .lg\:-translate-x-5 {
+ transform: translateX(-1.25rem);
+ }
+
+ .lg\:-translate-x-6 {
+ transform: translateX(-1.5rem);
+ }
+
+ .lg\:-translate-x-8 {
+ transform: translateX(-2rem);
+ }
+
+ .lg\:-translate-x-10 {
+ transform: translateX(-2.5rem);
+ }
+
+ .lg\:-translate-x-12 {
+ transform: translateX(-3rem);
+ }
+
+ .lg\:-translate-x-16 {
+ transform: translateX(-4rem);
+ }
+
+ .lg\:-translate-x-20 {
+ transform: translateX(-5rem);
+ }
+
+ .lg\:-translate-x-24 {
+ transform: translateX(-6rem);
+ }
+
+ .lg\:-translate-x-32 {
+ transform: translateX(-8rem);
+ }
+
+ .lg\:-translate-x-40 {
+ transform: translateX(-10rem);
+ }
+
+ .lg\:-translate-x-48 {
+ transform: translateX(-12rem);
+ }
+
+ .lg\:-translate-x-56 {
+ transform: translateX(-14rem);
+ }
+
+ .lg\:-translate-x-64 {
+ transform: translateX(-16rem);
+ }
+
+ .lg\:-translate-x-px {
+ transform: translateX(-1px);
+ }
+
+ .lg\:-translate-x-full {
+ transform: translateX(-100%);
+ }
+
+ .lg\:-translate-x-1\/2 {
+ transform: translateX(-50%);
+ }
+
+ .lg\:translate-x-1\/2 {
+ transform: translateX(50%);
+ }
+
+ .lg\:translate-x-full {
+ transform: translateX(100%);
+ }
+
+ .lg\:translate-y-0 {
+ transform: translateY(0);
+ }
+
+ .lg\:translate-y-1 {
+ transform: translateY(0.25rem);
+ }
+
+ .lg\:translate-y-2 {
+ transform: translateY(0.5rem);
+ }
+
+ .lg\:translate-y-3 {
+ transform: translateY(0.75rem);
+ }
+
+ .lg\:translate-y-4 {
+ transform: translateY(1rem);
+ }
+
+ .lg\:translate-y-5 {
+ transform: translateY(1.25rem);
+ }
+
+ .lg\:translate-y-6 {
+ transform: translateY(1.5rem);
+ }
+
+ .lg\:translate-y-8 {
+ transform: translateY(2rem);
+ }
+
+ .lg\:translate-y-10 {
+ transform: translateY(2.5rem);
+ }
+
+ .lg\:translate-y-12 {
+ transform: translateY(3rem);
+ }
+
+ .lg\:translate-y-16 {
+ transform: translateY(4rem);
+ }
+
+ .lg\:translate-y-20 {
+ transform: translateY(5rem);
+ }
+
+ .lg\:translate-y-24 {
+ transform: translateY(6rem);
+ }
+
+ .lg\:translate-y-32 {
+ transform: translateY(8rem);
+ }
+
+ .lg\:translate-y-40 {
+ transform: translateY(10rem);
+ }
+
+ .lg\:translate-y-48 {
+ transform: translateY(12rem);
+ }
+
+ .lg\:translate-y-56 {
+ transform: translateY(14rem);
+ }
+
+ .lg\:translate-y-64 {
+ transform: translateY(16rem);
+ }
+
+ .lg\:translate-y-px {
+ transform: translateY(1px);
+ }
+
+ .lg\:-translate-y-1 {
+ transform: translateY(-0.25rem);
+ }
+
+ .lg\:-translate-y-2 {
+ transform: translateY(-0.5rem);
+ }
+
+ .lg\:-translate-y-3 {
+ transform: translateY(-0.75rem);
+ }
+
+ .lg\:-translate-y-4 {
+ transform: translateY(-1rem);
+ }
+
+ .lg\:-translate-y-5 {
+ transform: translateY(-1.25rem);
+ }
+
+ .lg\:-translate-y-6 {
+ transform: translateY(-1.5rem);
+ }
+
+ .lg\:-translate-y-8 {
+ transform: translateY(-2rem);
+ }
+
+ .lg\:-translate-y-10 {
+ transform: translateY(-2.5rem);
+ }
+
+ .lg\:-translate-y-12 {
+ transform: translateY(-3rem);
+ }
+
+ .lg\:-translate-y-16 {
+ transform: translateY(-4rem);
+ }
+
+ .lg\:-translate-y-20 {
+ transform: translateY(-5rem);
+ }
+
+ .lg\:-translate-y-24 {
+ transform: translateY(-6rem);
+ }
+
+ .lg\:-translate-y-32 {
+ transform: translateY(-8rem);
+ }
+
+ .lg\:-translate-y-40 {
+ transform: translateY(-10rem);
+ }
+
+ .lg\:-translate-y-48 {
+ transform: translateY(-12rem);
+ }
+
+ .lg\:-translate-y-56 {
+ transform: translateY(-14rem);
+ }
+
+ .lg\:-translate-y-64 {
+ transform: translateY(-16rem);
+ }
+
+ .lg\:-translate-y-px {
+ transform: translateY(-1px);
+ }
+
+ .lg\:-translate-y-full {
+ transform: translateY(-100%);
+ }
+
+ .lg\:-translate-y-1\/2 {
+ transform: translateY(-50%);
+ }
+
+ .lg\:translate-y-1\/2 {
+ transform: translateY(50%);
+ }
+
+ .lg\:translate-y-full {
+ transform: translateY(100%);
+ }
+
+ .lg\:hover\:translate-x-0:hover {
+ transform: translateX(0);
+ }
+
+ .lg\:hover\:translate-x-1:hover {
+ transform: translateX(0.25rem);
+ }
+
+ .lg\:hover\:translate-x-2:hover {
+ transform: translateX(0.5rem);
+ }
+
+ .lg\:hover\:translate-x-3:hover {
+ transform: translateX(0.75rem);
+ }
+
+ .lg\:hover\:translate-x-4:hover {
+ transform: translateX(1rem);
+ }
+
+ .lg\:hover\:translate-x-5:hover {
+ transform: translateX(1.25rem);
+ }
+
+ .lg\:hover\:translate-x-6:hover {
+ transform: translateX(1.5rem);
+ }
+
+ .lg\:hover\:translate-x-8:hover {
+ transform: translateX(2rem);
+ }
+
+ .lg\:hover\:translate-x-10:hover {
+ transform: translateX(2.5rem);
+ }
+
+ .lg\:hover\:translate-x-12:hover {
+ transform: translateX(3rem);
+ }
+
+ .lg\:hover\:translate-x-16:hover {
+ transform: translateX(4rem);
+ }
+
+ .lg\:hover\:translate-x-20:hover {
+ transform: translateX(5rem);
+ }
+
+ .lg\:hover\:translate-x-24:hover {
+ transform: translateX(6rem);
+ }
+
+ .lg\:hover\:translate-x-32:hover {
+ transform: translateX(8rem);
+ }
+
+ .lg\:hover\:translate-x-40:hover {
+ transform: translateX(10rem);
+ }
+
+ .lg\:hover\:translate-x-48:hover {
+ transform: translateX(12rem);
+ }
+
+ .lg\:hover\:translate-x-56:hover {
+ transform: translateX(14rem);
+ }
+
+ .lg\:hover\:translate-x-64:hover {
+ transform: translateX(16rem);
+ }
+
+ .lg\:hover\:translate-x-px:hover {
+ transform: translateX(1px);
+ }
+
+ .lg\:hover\:-translate-x-1:hover {
+ transform: translateX(-0.25rem);
+ }
+
+ .lg\:hover\:-translate-x-2:hover {
+ transform: translateX(-0.5rem);
+ }
+
+ .lg\:hover\:-translate-x-3:hover {
+ transform: translateX(-0.75rem);
+ }
+
+ .lg\:hover\:-translate-x-4:hover {
+ transform: translateX(-1rem);
+ }
+
+ .lg\:hover\:-translate-x-5:hover {
+ transform: translateX(-1.25rem);
+ }
+
+ .lg\:hover\:-translate-x-6:hover {
+ transform: translateX(-1.5rem);
+ }
+
+ .lg\:hover\:-translate-x-8:hover {
+ transform: translateX(-2rem);
+ }
+
+ .lg\:hover\:-translate-x-10:hover {
+ transform: translateX(-2.5rem);
+ }
+
+ .lg\:hover\:-translate-x-12:hover {
+ transform: translateX(-3rem);
+ }
+
+ .lg\:hover\:-translate-x-16:hover {
+ transform: translateX(-4rem);
+ }
+
+ .lg\:hover\:-translate-x-20:hover {
+ transform: translateX(-5rem);
+ }
+
+ .lg\:hover\:-translate-x-24:hover {
+ transform: translateX(-6rem);
+ }
+
+ .lg\:hover\:-translate-x-32:hover {
+ transform: translateX(-8rem);
+ }
+
+ .lg\:hover\:-translate-x-40:hover {
+ transform: translateX(-10rem);
+ }
+
+ .lg\:hover\:-translate-x-48:hover {
+ transform: translateX(-12rem);
+ }
+
+ .lg\:hover\:-translate-x-56:hover {
+ transform: translateX(-14rem);
+ }
+
+ .lg\:hover\:-translate-x-64:hover {
+ transform: translateX(-16rem);
+ }
+
+ .lg\:hover\:-translate-x-px:hover {
+ transform: translateX(-1px);
+ }
+
+ .lg\:hover\:-translate-x-full:hover {
+ transform: translateX(-100%);
+ }
+
+ .lg\:hover\:-translate-x-1\/2:hover {
+ transform: translateX(-50%);
+ }
+
+ .lg\:hover\:translate-x-1\/2:hover {
+ transform: translateX(50%);
+ }
+
+ .lg\:hover\:translate-x-full:hover {
+ transform: translateX(100%);
+ }
+
+ .lg\:hover\:translate-y-0:hover {
+ transform: translateY(0);
+ }
+
+ .lg\:hover\:translate-y-1:hover {
+ transform: translateY(0.25rem);
+ }
+
+ .lg\:hover\:translate-y-2:hover {
+ transform: translateY(0.5rem);
+ }
+
+ .lg\:hover\:translate-y-3:hover {
+ transform: translateY(0.75rem);
+ }
+
+ .lg\:hover\:translate-y-4:hover {
+ transform: translateY(1rem);
+ }
+
+ .lg\:hover\:translate-y-5:hover {
+ transform: translateY(1.25rem);
+ }
+
+ .lg\:hover\:translate-y-6:hover {
+ transform: translateY(1.5rem);
+ }
+
+ .lg\:hover\:translate-y-8:hover {
+ transform: translateY(2rem);
+ }
+
+ .lg\:hover\:translate-y-10:hover {
+ transform: translateY(2.5rem);
+ }
+
+ .lg\:hover\:translate-y-12:hover {
+ transform: translateY(3rem);
+ }
+
+ .lg\:hover\:translate-y-16:hover {
+ transform: translateY(4rem);
+ }
+
+ .lg\:hover\:translate-y-20:hover {
+ transform: translateY(5rem);
+ }
+
+ .lg\:hover\:translate-y-24:hover {
+ transform: translateY(6rem);
+ }
+
+ .lg\:hover\:translate-y-32:hover {
+ transform: translateY(8rem);
+ }
+
+ .lg\:hover\:translate-y-40:hover {
+ transform: translateY(10rem);
+ }
+
+ .lg\:hover\:translate-y-48:hover {
+ transform: translateY(12rem);
+ }
+
+ .lg\:hover\:translate-y-56:hover {
+ transform: translateY(14rem);
+ }
+
+ .lg\:hover\:translate-y-64:hover {
+ transform: translateY(16rem);
+ }
+
+ .lg\:hover\:translate-y-px:hover {
+ transform: translateY(1px);
+ }
+
+ .lg\:hover\:-translate-y-1:hover {
+ transform: translateY(-0.25rem);
+ }
+
+ .lg\:hover\:-translate-y-2:hover {
+ transform: translateY(-0.5rem);
+ }
+
+ .lg\:hover\:-translate-y-3:hover {
+ transform: translateY(-0.75rem);
+ }
+
+ .lg\:hover\:-translate-y-4:hover {
+ transform: translateY(-1rem);
+ }
+
+ .lg\:hover\:-translate-y-5:hover {
+ transform: translateY(-1.25rem);
+ }
+
+ .lg\:hover\:-translate-y-6:hover {
+ transform: translateY(-1.5rem);
+ }
+
+ .lg\:hover\:-translate-y-8:hover {
+ transform: translateY(-2rem);
+ }
+
+ .lg\:hover\:-translate-y-10:hover {
+ transform: translateY(-2.5rem);
+ }
+
+ .lg\:hover\:-translate-y-12:hover {
+ transform: translateY(-3rem);
+ }
+
+ .lg\:hover\:-translate-y-16:hover {
+ transform: translateY(-4rem);
+ }
+
+ .lg\:hover\:-translate-y-20:hover {
+ transform: translateY(-5rem);
+ }
+
+ .lg\:hover\:-translate-y-24:hover {
+ transform: translateY(-6rem);
+ }
+
+ .lg\:hover\:-translate-y-32:hover {
+ transform: translateY(-8rem);
+ }
+
+ .lg\:hover\:-translate-y-40:hover {
+ transform: translateY(-10rem);
+ }
+
+ .lg\:hover\:-translate-y-48:hover {
+ transform: translateY(-12rem);
+ }
+
+ .lg\:hover\:-translate-y-56:hover {
+ transform: translateY(-14rem);
+ }
+
+ .lg\:hover\:-translate-y-64:hover {
+ transform: translateY(-16rem);
+ }
+
+ .lg\:hover\:-translate-y-px:hover {
+ transform: translateY(-1px);
+ }
+
+ .lg\:hover\:-translate-y-full:hover {
+ transform: translateY(-100%);
+ }
+
+ .lg\:hover\:-translate-y-1\/2:hover {
+ transform: translateY(-50%);
+ }
+
+ .lg\:hover\:translate-y-1\/2:hover {
+ transform: translateY(50%);
+ }
+
+ .lg\:hover\:translate-y-full:hover {
+ transform: translateY(100%);
+ }
+
+ .lg\:focus\:translate-x-0:focus {
+ transform: translateX(0);
+ }
+
+ .lg\:focus\:translate-x-1:focus {
+ transform: translateX(0.25rem);
+ }
+
+ .lg\:focus\:translate-x-2:focus {
+ transform: translateX(0.5rem);
+ }
+
+ .lg\:focus\:translate-x-3:focus {
+ transform: translateX(0.75rem);
+ }
+
+ .lg\:focus\:translate-x-4:focus {
+ transform: translateX(1rem);
+ }
+
+ .lg\:focus\:translate-x-5:focus {
+ transform: translateX(1.25rem);
+ }
+
+ .lg\:focus\:translate-x-6:focus {
+ transform: translateX(1.5rem);
+ }
+
+ .lg\:focus\:translate-x-8:focus {
+ transform: translateX(2rem);
+ }
+
+ .lg\:focus\:translate-x-10:focus {
+ transform: translateX(2.5rem);
+ }
+
+ .lg\:focus\:translate-x-12:focus {
+ transform: translateX(3rem);
+ }
+
+ .lg\:focus\:translate-x-16:focus {
+ transform: translateX(4rem);
+ }
+
+ .lg\:focus\:translate-x-20:focus {
+ transform: translateX(5rem);
+ }
+
+ .lg\:focus\:translate-x-24:focus {
+ transform: translateX(6rem);
+ }
+
+ .lg\:focus\:translate-x-32:focus {
+ transform: translateX(8rem);
+ }
+
+ .lg\:focus\:translate-x-40:focus {
+ transform: translateX(10rem);
+ }
+
+ .lg\:focus\:translate-x-48:focus {
+ transform: translateX(12rem);
+ }
+
+ .lg\:focus\:translate-x-56:focus {
+ transform: translateX(14rem);
+ }
+
+ .lg\:focus\:translate-x-64:focus {
+ transform: translateX(16rem);
+ }
+
+ .lg\:focus\:translate-x-px:focus {
+ transform: translateX(1px);
+ }
+
+ .lg\:focus\:-translate-x-1:focus {
+ transform: translateX(-0.25rem);
+ }
+
+ .lg\:focus\:-translate-x-2:focus {
+ transform: translateX(-0.5rem);
+ }
+
+ .lg\:focus\:-translate-x-3:focus {
+ transform: translateX(-0.75rem);
+ }
+
+ .lg\:focus\:-translate-x-4:focus {
+ transform: translateX(-1rem);
+ }
+
+ .lg\:focus\:-translate-x-5:focus {
+ transform: translateX(-1.25rem);
+ }
+
+ .lg\:focus\:-translate-x-6:focus {
+ transform: translateX(-1.5rem);
+ }
+
+ .lg\:focus\:-translate-x-8:focus {
+ transform: translateX(-2rem);
+ }
+
+ .lg\:focus\:-translate-x-10:focus {
+ transform: translateX(-2.5rem);
+ }
+
+ .lg\:focus\:-translate-x-12:focus {
+ transform: translateX(-3rem);
+ }
+
+ .lg\:focus\:-translate-x-16:focus {
+ transform: translateX(-4rem);
+ }
+
+ .lg\:focus\:-translate-x-20:focus {
+ transform: translateX(-5rem);
+ }
+
+ .lg\:focus\:-translate-x-24:focus {
+ transform: translateX(-6rem);
+ }
+
+ .lg\:focus\:-translate-x-32:focus {
+ transform: translateX(-8rem);
+ }
+
+ .lg\:focus\:-translate-x-40:focus {
+ transform: translateX(-10rem);
+ }
+
+ .lg\:focus\:-translate-x-48:focus {
+ transform: translateX(-12rem);
+ }
+
+ .lg\:focus\:-translate-x-56:focus {
+ transform: translateX(-14rem);
+ }
+
+ .lg\:focus\:-translate-x-64:focus {
+ transform: translateX(-16rem);
+ }
+
+ .lg\:focus\:-translate-x-px:focus {
+ transform: translateX(-1px);
+ }
+
+ .lg\:focus\:-translate-x-full:focus {
+ transform: translateX(-100%);
+ }
+
+ .lg\:focus\:-translate-x-1\/2:focus {
+ transform: translateX(-50%);
+ }
+
+ .lg\:focus\:translate-x-1\/2:focus {
+ transform: translateX(50%);
+ }
+
+ .lg\:focus\:translate-x-full:focus {
+ transform: translateX(100%);
+ }
+
+ .lg\:focus\:translate-y-0:focus {
+ transform: translateY(0);
+ }
+
+ .lg\:focus\:translate-y-1:focus {
+ transform: translateY(0.25rem);
+ }
+
+ .lg\:focus\:translate-y-2:focus {
+ transform: translateY(0.5rem);
+ }
+
+ .lg\:focus\:translate-y-3:focus {
+ transform: translateY(0.75rem);
+ }
+
+ .lg\:focus\:translate-y-4:focus {
+ transform: translateY(1rem);
+ }
+
+ .lg\:focus\:translate-y-5:focus {
+ transform: translateY(1.25rem);
+ }
+
+ .lg\:focus\:translate-y-6:focus {
+ transform: translateY(1.5rem);
+ }
+
+ .lg\:focus\:translate-y-8:focus {
+ transform: translateY(2rem);
+ }
+
+ .lg\:focus\:translate-y-10:focus {
+ transform: translateY(2.5rem);
+ }
+
+ .lg\:focus\:translate-y-12:focus {
+ transform: translateY(3rem);
+ }
+
+ .lg\:focus\:translate-y-16:focus {
+ transform: translateY(4rem);
+ }
+
+ .lg\:focus\:translate-y-20:focus {
+ transform: translateY(5rem);
+ }
+
+ .lg\:focus\:translate-y-24:focus {
+ transform: translateY(6rem);
+ }
+
+ .lg\:focus\:translate-y-32:focus {
+ transform: translateY(8rem);
+ }
+
+ .lg\:focus\:translate-y-40:focus {
+ transform: translateY(10rem);
+ }
+
+ .lg\:focus\:translate-y-48:focus {
+ transform: translateY(12rem);
+ }
+
+ .lg\:focus\:translate-y-56:focus {
+ transform: translateY(14rem);
+ }
+
+ .lg\:focus\:translate-y-64:focus {
+ transform: translateY(16rem);
+ }
+
+ .lg\:focus\:translate-y-px:focus {
+ transform: translateY(1px);
+ }
+
+ .lg\:focus\:-translate-y-1:focus {
+ transform: translateY(-0.25rem);
+ }
+
+ .lg\:focus\:-translate-y-2:focus {
+ transform: translateY(-0.5rem);
+ }
+
+ .lg\:focus\:-translate-y-3:focus {
+ transform: translateY(-0.75rem);
+ }
+
+ .lg\:focus\:-translate-y-4:focus {
+ transform: translateY(-1rem);
+ }
+
+ .lg\:focus\:-translate-y-5:focus {
+ transform: translateY(-1.25rem);
+ }
+
+ .lg\:focus\:-translate-y-6:focus {
+ transform: translateY(-1.5rem);
+ }
+
+ .lg\:focus\:-translate-y-8:focus {
+ transform: translateY(-2rem);
+ }
+
+ .lg\:focus\:-translate-y-10:focus {
+ transform: translateY(-2.5rem);
+ }
+
+ .lg\:focus\:-translate-y-12:focus {
+ transform: translateY(-3rem);
+ }
+
+ .lg\:focus\:-translate-y-16:focus {
+ transform: translateY(-4rem);
+ }
+
+ .lg\:focus\:-translate-y-20:focus {
+ transform: translateY(-5rem);
+ }
+
+ .lg\:focus\:-translate-y-24:focus {
+ transform: translateY(-6rem);
+ }
+
+ .lg\:focus\:-translate-y-32:focus {
+ transform: translateY(-8rem);
+ }
+
+ .lg\:focus\:-translate-y-40:focus {
+ transform: translateY(-10rem);
+ }
+
+ .lg\:focus\:-translate-y-48:focus {
+ transform: translateY(-12rem);
+ }
+
+ .lg\:focus\:-translate-y-56:focus {
+ transform: translateY(-14rem);
+ }
+
+ .lg\:focus\:-translate-y-64:focus {
+ transform: translateY(-16rem);
+ }
+
+ .lg\:focus\:-translate-y-px:focus {
+ transform: translateY(-1px);
+ }
+
+ .lg\:focus\:-translate-y-full:focus {
+ transform: translateY(-100%);
+ }
+
+ .lg\:focus\:-translate-y-1\/2:focus {
+ transform: translateY(-50%);
+ }
+
+ .lg\:focus\:translate-y-1\/2:focus {
+ transform: translateY(50%);
+ }
+
+ .lg\:focus\:translate-y-full:focus {
+ transform: translateY(100%);
+ }
+
+ .lg\:skew-x-0 {
+ transform: skewX(0);
+ }
+
+ .lg\:skew-x-3 {
+ transform: skewX(3deg);
+ }
+
+ .lg\:skew-x-6 {
+ transform: skewX(6deg);
+ }
+
+ .lg\:skew-x-12 {
+ transform: skewX(12deg);
+ }
+
+ .lg\:-skew-x-12 {
+ transform: skewX(-12deg);
+ }
+
+ .lg\:-skew-x-6 {
+ transform: skewX(-6deg);
+ }
+
+ .lg\:-skew-x-3 {
+ transform: skewX(-3deg);
+ }
+
+ .lg\:skew-y-0 {
+ transform: skewY(0);
+ }
+
+ .lg\:skew-y-3 {
+ transform: skewY(3deg);
+ }
+
+ .lg\:skew-y-6 {
+ transform: skewY(6deg);
+ }
+
+ .lg\:skew-y-12 {
+ transform: skewY(12deg);
+ }
+
+ .lg\:-skew-y-12 {
+ transform: skewY(-12deg);
+ }
+
+ .lg\:-skew-y-6 {
+ transform: skewY(-6deg);
+ }
+
+ .lg\:-skew-y-3 {
+ transform: skewY(-3deg);
+ }
+
+ .lg\:hover\:skew-x-0:hover {
+ transform: skewX(0);
+ }
+
+ .lg\:hover\:skew-x-3:hover {
+ transform: skewX(3deg);
+ }
+
+ .lg\:hover\:skew-x-6:hover {
+ transform: skewX(6deg);
+ }
+
+ .lg\:hover\:skew-x-12:hover {
+ transform: skewX(12deg);
+ }
+
+ .lg\:hover\:-skew-x-12:hover {
+ transform: skewX(-12deg);
+ }
+
+ .lg\:hover\:-skew-x-6:hover {
+ transform: skewX(-6deg);
+ }
+
+ .lg\:hover\:-skew-x-3:hover {
+ transform: skewX(-3deg);
+ }
+
+ .lg\:hover\:skew-y-0:hover {
+ transform: skewY(0);
+ }
+
+ .lg\:hover\:skew-y-3:hover {
+ transform: skewY(3deg);
+ }
+
+ .lg\:hover\:skew-y-6:hover {
+ transform: skewY(6deg);
+ }
+
+ .lg\:hover\:skew-y-12:hover {
+ transform: skewY(12deg);
+ }
+
+ .lg\:hover\:-skew-y-12:hover {
+ transform: skewY(-12deg);
+ }
+
+ .lg\:hover\:-skew-y-6:hover {
+ transform: skewY(-6deg);
+ }
+
+ .lg\:hover\:-skew-y-3:hover {
+ transform: skewY(-3deg);
+ }
+
+ .lg\:focus\:skew-x-0:focus {
+ transform: skewX(0);
+ }
+
+ .lg\:focus\:skew-x-3:focus {
+ transform: skewX(3deg);
+ }
+
+ .lg\:focus\:skew-x-6:focus {
+ transform: skewX(6deg);
+ }
+
+ .lg\:focus\:skew-x-12:focus {
+ transform: skewX(12deg);
+ }
+
+ .lg\:focus\:-skew-x-12:focus {
+ transform: skewX(-12deg);
+ }
+
+ .lg\:focus\:-skew-x-6:focus {
+ transform: skewX(-6deg);
+ }
+
+ .lg\:focus\:-skew-x-3:focus {
+ transform: skewX(-3deg);
+ }
+
+ .lg\:focus\:skew-y-0:focus {
+ transform: skewY(0);
+ }
+
+ .lg\:focus\:skew-y-3:focus {
+ transform: skewY(3deg);
+ }
+
+ .lg\:focus\:skew-y-6:focus {
+ transform: skewY(6deg);
+ }
+
+ .lg\:focus\:skew-y-12:focus {
+ transform: skewY(12deg);
+ }
+
+ .lg\:focus\:-skew-y-12:focus {
+ transform: skewY(-12deg);
+ }
+
+ .lg\:focus\:-skew-y-6:focus {
+ transform: skewY(-6deg);
+ }
+
+ .lg\:focus\:-skew-y-3:focus {
+ transform: skewY(-3deg);
+ }
+
+ .lg\:transition-none {
+ transition-property: none;
+ }
+
+ .lg\:transition-all {
+ transition-property: all;
+ }
+
+ .lg\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .lg\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .lg\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .lg\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .lg\:transition-transform {
+ transition-property: transform;
+ }
+
+ .lg\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .lg\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .lg\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .lg\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .lg\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .lg\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .lg\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .lg\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .lg\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .lg\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .lg\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .lg\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .lg\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .lg\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .lg\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .lg\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .lg\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .lg\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .lg\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .lg\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .lg\:animate-none {
+ animation: none;
+ }
+
+ .lg\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .lg\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .lg\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .lg\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
+ .lg\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .xl\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .xl\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .xl\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .xl\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .xl\:space-y-0 > :not(template) ~ :not(template) {
+ margin-top: 0;
+ }
+
+ .xl\:space-x-0 > :not(template) ~ :not(template) {
+ margin-left: 0;
+ }
+
+ .xl\:space-y-1 > :not(template) ~ :not(template) {
+ margin-top: 0.25rem;
+ }
+
+ .xl\:space-x-1 > :not(template) ~ :not(template) {
+ margin-left: 0.25rem;
+ }
+
+ .xl\:space-y-2 > :not(template) ~ :not(template) {
+ margin-top: 0.5rem;
+ }
+
+ .xl\:space-x-2 > :not(template) ~ :not(template) {
+ margin-left: 0.5rem;
+ }
+
+ .xl\:space-y-3 > :not(template) ~ :not(template) {
+ margin-top: 0.75rem;
+ }
+
+ .xl\:space-x-3 > :not(template) ~ :not(template) {
+ margin-left: 0.75rem;
+ }
+
+ .xl\:space-y-4 > :not(template) ~ :not(template) {
+ margin-top: 1rem;
+ }
+
+ .xl\:space-x-4 > :not(template) ~ :not(template) {
+ margin-left: 1rem;
+ }
+
+ .xl\:space-y-5 > :not(template) ~ :not(template) {
+ margin-top: 1.25rem;
+ }
+
+ .xl\:space-x-5 > :not(template) ~ :not(template) {
+ margin-left: 1.25rem;
+ }
+
+ .xl\:space-y-6 > :not(template) ~ :not(template) {
+ margin-top: 1.5rem;
+ }
+
+ .xl\:space-x-6 > :not(template) ~ :not(template) {
+ margin-left: 1.5rem;
+ }
+
+ .xl\:space-y-8 > :not(template) ~ :not(template) {
+ margin-top: 2rem;
+ }
+
+ .xl\:space-x-8 > :not(template) ~ :not(template) {
+ margin-left: 2rem;
+ }
+
+ .xl\:space-y-10 > :not(template) ~ :not(template) {
+ margin-top: 2.5rem;
+ }
+
+ .xl\:space-x-10 > :not(template) ~ :not(template) {
+ margin-left: 2.5rem;
+ }
+
+ .xl\:space-y-12 > :not(template) ~ :not(template) {
+ margin-top: 3rem;
+ }
+
+ .xl\:space-x-12 > :not(template) ~ :not(template) {
+ margin-left: 3rem;
+ }
+
+ .xl\:space-y-16 > :not(template) ~ :not(template) {
+ margin-top: 4rem;
+ }
+
+ .xl\:space-x-16 > :not(template) ~ :not(template) {
+ margin-left: 4rem;
+ }
+
+ .xl\:space-y-20 > :not(template) ~ :not(template) {
+ margin-top: 5rem;
+ }
+
+ .xl\:space-x-20 > :not(template) ~ :not(template) {
+ margin-left: 5rem;
+ }
+
+ .xl\:space-y-24 > :not(template) ~ :not(template) {
+ margin-top: 6rem;
+ }
+
+ .xl\:space-x-24 > :not(template) ~ :not(template) {
+ margin-left: 6rem;
+ }
+
+ .xl\:space-y-32 > :not(template) ~ :not(template) {
+ margin-top: 8rem;
+ }
+
+ .xl\:space-x-32 > :not(template) ~ :not(template) {
+ margin-left: 8rem;
+ }
+
+ .xl\:space-y-40 > :not(template) ~ :not(template) {
+ margin-top: 10rem;
+ }
+
+ .xl\:space-x-40 > :not(template) ~ :not(template) {
+ margin-left: 10rem;
+ }
+
+ .xl\:space-y-48 > :not(template) ~ :not(template) {
+ margin-top: 12rem;
+ }
+
+ .xl\:space-x-48 > :not(template) ~ :not(template) {
+ margin-left: 12rem;
+ }
+
+ .xl\:space-y-56 > :not(template) ~ :not(template) {
+ margin-top: 14rem;
+ }
+
+ .xl\:space-x-56 > :not(template) ~ :not(template) {
+ margin-left: 14rem;
+ }
+
+ .xl\:space-y-64 > :not(template) ~ :not(template) {
+ margin-top: 16rem;
+ }
+
+ .xl\:space-x-64 > :not(template) ~ :not(template) {
+ margin-left: 16rem;
+ }
+
+ .xl\:space-y-px > :not(template) ~ :not(template) {
+ margin-top: 1px;
+ }
+
+ .xl\:space-x-px > :not(template) ~ :not(template) {
+ margin-left: 1px;
+ }
+
+ .xl\:-space-y-1 > :not(template) ~ :not(template) {
+ margin-top: -0.25rem;
+ }
+
+ .xl\:-space-x-1 > :not(template) ~ :not(template) {
+ margin-left: -0.25rem;
+ }
+
+ .xl\:-space-y-2 > :not(template) ~ :not(template) {
+ margin-top: -0.5rem;
+ }
+
+ .xl\:-space-x-2 > :not(template) ~ :not(template) {
+ margin-left: -0.5rem;
+ }
+
+ .xl\:-space-y-3 > :not(template) ~ :not(template) {
+ margin-top: -0.75rem;
+ }
+
+ .xl\:-space-x-3 > :not(template) ~ :not(template) {
+ margin-left: -0.75rem;
+ }
+
+ .xl\:-space-y-4 > :not(template) ~ :not(template) {
+ margin-top: -1rem;
+ }
+
+ .xl\:-space-x-4 > :not(template) ~ :not(template) {
+ margin-left: -1rem;
+ }
+
+ .xl\:-space-y-5 > :not(template) ~ :not(template) {
+ margin-top: -1.25rem;
+ }
+
+ .xl\:-space-x-5 > :not(template) ~ :not(template) {
+ margin-left: -1.25rem;
+ }
+
+ .xl\:-space-y-6 > :not(template) ~ :not(template) {
+ margin-top: -1.5rem;
+ }
+
+ .xl\:-space-x-6 > :not(template) ~ :not(template) {
+ margin-left: -1.5rem;
+ }
+
+ .xl\:-space-y-8 > :not(template) ~ :not(template) {
+ margin-top: -2rem;
+ }
+
+ .xl\:-space-x-8 > :not(template) ~ :not(template) {
+ margin-left: -2rem;
+ }
+
+ .xl\:-space-y-10 > :not(template) ~ :not(template) {
+ margin-top: -2.5rem;
+ }
+
+ .xl\:-space-x-10 > :not(template) ~ :not(template) {
+ margin-left: -2.5rem;
+ }
+
+ .xl\:-space-y-12 > :not(template) ~ :not(template) {
+ margin-top: -3rem;
+ }
+
+ .xl\:-space-x-12 > :not(template) ~ :not(template) {
+ margin-left: -3rem;
+ }
+
+ .xl\:-space-y-16 > :not(template) ~ :not(template) {
+ margin-top: -4rem;
+ }
+
+ .xl\:-space-x-16 > :not(template) ~ :not(template) {
+ margin-left: -4rem;
+ }
+
+ .xl\:-space-y-20 > :not(template) ~ :not(template) {
+ margin-top: -5rem;
+ }
+
+ .xl\:-space-x-20 > :not(template) ~ :not(template) {
+ margin-left: -5rem;
+ }
+
+ .xl\:-space-y-24 > :not(template) ~ :not(template) {
+ margin-top: -6rem;
+ }
+
+ .xl\:-space-x-24 > :not(template) ~ :not(template) {
+ margin-left: -6rem;
+ }
+
+ .xl\:-space-y-32 > :not(template) ~ :not(template) {
+ margin-top: -8rem;
+ }
+
+ .xl\:-space-x-32 > :not(template) ~ :not(template) {
+ margin-left: -8rem;
+ }
+
+ .xl\:-space-y-40 > :not(template) ~ :not(template) {
+ margin-top: -10rem;
+ }
+
+ .xl\:-space-x-40 > :not(template) ~ :not(template) {
+ margin-left: -10rem;
+ }
+
+ .xl\:-space-y-48 > :not(template) ~ :not(template) {
+ margin-top: -12rem;
+ }
+
+ .xl\:-space-x-48 > :not(template) ~ :not(template) {
+ margin-left: -12rem;
+ }
+
+ .xl\:-space-y-56 > :not(template) ~ :not(template) {
+ margin-top: -14rem;
+ }
+
+ .xl\:-space-x-56 > :not(template) ~ :not(template) {
+ margin-left: -14rem;
+ }
+
+ .xl\:-space-y-64 > :not(template) ~ :not(template) {
+ margin-top: -16rem;
+ }
+
+ .xl\:-space-x-64 > :not(template) ~ :not(template) {
+ margin-left: -16rem;
+ }
+
+ .xl\:-space-y-px > :not(template) ~ :not(template) {
+ margin-top: -1px;
+ }
+
+ .xl\:-space-x-px > :not(template) ~ :not(template) {
+ margin-left: -1px;
+ }
+
+ .xl\:divide-y-0 > :not(template) ~ :not(template) {
+ border-top-width: 0;
+ }
+
+ .xl\:divide-x-0 > :not(template) ~ :not(template) {
+ border-left-width: 0;
+ }
+
+ .xl\:divide-y-2 > :not(template) ~ :not(template) {
+ border-top-width: 2px;
+ }
+
+ .xl\:divide-x-2 > :not(template) ~ :not(template) {
+ border-left-width: 2px;
+ }
+
+ .xl\:divide-y-4 > :not(template) ~ :not(template) {
+ border-top-width: 4px;
+ }
+
+ .xl\:divide-x-4 > :not(template) ~ :not(template) {
+ border-left-width: 4px;
+ }
+
+ .xl\:divide-y-8 > :not(template) ~ :not(template) {
+ border-top-width: 8px;
+ }
+
+ .xl\:divide-x-8 > :not(template) ~ :not(template) {
+ border-left-width: 8px;
+ }
+
+ .xl\:divide-y > :not(template) ~ :not(template) {
+ border-top-width: 1px;
+ }
+
+ .xl\:divide-x > :not(template) ~ :not(template) {
+ border-left-width: 1px;
+ }
+
+ .xl\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .xl\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .xl\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .xl\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .xl\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .xl\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .xl\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .xl\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .xl\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .xl\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .xl\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .xl\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .xl\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .xl\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .xl\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .xl\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .xl\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .xl\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .xl\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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\:not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .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\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .xl\:appearance-none {
+ appearance: none;
+ }
+
+ .xl\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .xl\:bg-local {
+ background-attachment: local;
+ }
+
+ .xl\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .xl\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .xl\:bg-current {
+ background-color: currentColor;
+ }
+
+ .xl\:bg-black {
+ background-color: #000;
+ }
+
+ .xl\:bg-white {
+ background-color: #fff;
+ }
+
+ .xl\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .xl\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .xl\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .xl\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .xl\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .xl\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .xl\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .xl\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .xl\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .xl\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .xl\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .xl\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .xl\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .xl\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .xl\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .xl\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .xl\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .xl\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .xl\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .xl\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .xl\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .xl\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .xl\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .xl\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .xl\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .xl\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .xl\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .xl\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .xl\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .xl\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .xl\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .xl\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .xl\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .xl\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .xl\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .xl\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .xl\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .xl\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .xl\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .xl\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .xl\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .xl\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .xl\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .xl\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .xl\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .xl\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .xl\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .xl\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .xl\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .xl\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .xl\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .xl\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .xl\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .xl\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .xl\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .xl\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .xl\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .xl\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .xl\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .xl\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .xl\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .xl\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .xl\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .xl\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .xl\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .xl\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .xl\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .xl\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .xl\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .xl\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .xl\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .xl\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .xl\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .xl\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .xl\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .xl\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .xl\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .xl\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .xl\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .xl\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .xl\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .xl\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .xl\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .xl\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .xl\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .xl\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .xl\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .xl\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .xl\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .xl\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .xl\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .xl\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .xl\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .xl\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .xl\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .xl\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .xl\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .xl\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .xl\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .xl\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .xl\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .xl\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .xl\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .xl\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .xl\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .xl\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .xl\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .xl\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .xl\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .xl\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .xl\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .xl\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .xl\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .xl\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .xl\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .xl\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .xl\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .xl\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .xl\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .xl\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .xl\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .xl\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .xl\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .xl\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .xl\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .xl\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .xl\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .xl\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .xl\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .xl\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .xl\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .xl\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .xl\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .xl\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .xl\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .xl\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .xl\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .xl\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .xl\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .xl\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .xl\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .xl\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .xl\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .xl\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .xl\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .xl\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .xl\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .xl\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .xl\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .xl\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .xl\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .xl\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .xl\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .xl\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .xl\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .xl\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .xl\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .xl\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .xl\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .xl\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .xl\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .xl\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .xl\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .xl\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .xl\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .xl\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .xl\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .xl\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .xl\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .xl\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .xl\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .xl\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .xl\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .xl\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .xl\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .xl\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .xl\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .xl\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .xl\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .xl\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .xl\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .xl\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .xl\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .xl\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .xl\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .xl\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .xl\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .xl\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .xl\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .xl\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .xl\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .xl\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .xl\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .xl\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .xl\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .xl\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .xl\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .xl\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .xl\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .xl\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .xl\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .xl\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .xl\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .xl\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .xl\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .xl\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .xl\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .xl\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .xl\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .xl\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .xl\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .xl\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .xl\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .xl\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .xl\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .xl\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .xl\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .xl\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .xl\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .xl\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .xl\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .xl\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .xl\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .xl\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .xl\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .xl\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .xl\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .xl\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .xl\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .xl\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .xl\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .xl\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .xl\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .xl\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .xl\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .xl\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .xl\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .xl\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .xl\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .xl\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .xl\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .xl\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .xl\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .xl\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .xl\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .xl\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .xl\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .xl\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .xl\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .xl\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .xl\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .xl\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .xl\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .xl\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .xl\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .xl\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .xl\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .xl\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .xl\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .xl\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .xl\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .xl\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .xl\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .xl\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .xl\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .xl\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .xl\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .xl\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .xl\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .xl\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .xl\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .xl\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .xl\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .xl\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .xl\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .xl\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .xl\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .xl\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .xl\:bg-bottom {
+ background-position: bottom;
+ }
+
+ .xl\:bg-center {
+ background-position: center;
+ }
+
+ .xl\:bg-left {
+ background-position: left;
+ }
+
+ .xl\:bg-left-bottom {
+ background-position: left bottom;
+ }
+
+ .xl\:bg-left-top {
+ background-position: left top;
+ }
+
+ .xl\:bg-right {
+ background-position: right;
+ }
+
+ .xl\:bg-right-bottom {
+ background-position: right bottom;
+ }
+
+ .xl\:bg-right-top {
+ background-position: right top;
+ }
+
+ .xl\:bg-top {
+ background-position: top;
+ }
+
+ .xl\:bg-repeat {
+ background-repeat: repeat;
+ }
+
+ .xl\:bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+
+ .xl\:bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+
+ .xl\:bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+
+ .xl\:bg-repeat-round {
+ background-repeat: round;
+ }
+
+ .xl\:bg-repeat-space {
+ background-repeat: space;
+ }
+
+ .xl\:bg-auto {
+ background-size: auto;
+ }
+
+ .xl\:bg-cover {
+ background-size: cover;
+ }
+
+ .xl\:bg-contain {
+ background-size: contain;
+ }
+
+ .xl\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .xl\:border-separate {
+ border-collapse: separate;
+ }
+
+ .xl\:border-transparent {
+ border-color: transparent;
+ }
+
+ .xl\:border-current {
+ border-color: currentColor;
+ }
+
+ .xl\:border-black {
+ border-color: #000;
+ }
+
+ .xl\:border-white {
+ border-color: #fff;
+ }
+
+ .xl\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .xl\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .xl\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .xl\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .xl\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .xl\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .xl\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .xl\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .xl\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .xl\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .xl\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .xl\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .xl\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .xl\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .xl\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .xl\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .xl\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .xl\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .xl\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .xl\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .xl\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .xl\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .xl\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .xl\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .xl\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .xl\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .xl\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .xl\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .xl\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .xl\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .xl\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .xl\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .xl\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .xl\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .xl\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .xl\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .xl\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .xl\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .xl\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .xl\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .xl\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .xl\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .xl\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .xl\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .xl\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .xl\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .xl\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .xl\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .xl\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .xl\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .xl\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .xl\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .xl\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .xl\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .xl\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .xl\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .xl\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .xl\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .xl\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .xl\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .xl\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .xl\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .xl\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .xl\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .xl\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .xl\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .xl\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .xl\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .xl\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .xl\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .xl\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .xl\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .xl\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .xl\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .xl\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .xl\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .xl\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .xl\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .xl\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .xl\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .xl\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .xl\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .xl\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .xl\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .xl\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .xl\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .xl\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .xl\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .xl\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .xl\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .xl\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .xl\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .xl\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .xl\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .xl\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .xl\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .xl\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .xl\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .xl\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .xl\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .xl\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .xl\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .xl\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .xl\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .xl\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .xl\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .xl\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .xl\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .xl\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .xl\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .xl\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .xl\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .xl\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .xl\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .xl\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .xl\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .xl\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .xl\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .xl\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .xl\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .xl\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .xl\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .xl\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .xl\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .xl\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .xl\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .xl\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .xl\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .xl\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .xl\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .xl\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .xl\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .xl\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .xl\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .xl\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .xl\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .xl\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .xl\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .xl\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .xl\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .xl\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .xl\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .xl\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .xl\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .xl\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .xl\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .xl\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .xl\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .xl\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .xl\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .xl\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .xl\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .xl\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .xl\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .xl\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .xl\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .xl\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .xl\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .xl\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .xl\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .xl\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .xl\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .xl\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .xl\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .xl\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .xl\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .xl\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .xl\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .xl\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .xl\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .xl\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .xl\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .xl\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .xl\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .xl\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .xl\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .xl\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .xl\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .xl\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .xl\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .xl\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .xl\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .xl\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .xl\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .xl\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .xl\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .xl\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .xl\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .xl\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .xl\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .xl\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .xl\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .xl\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .xl\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .xl\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .xl\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .xl\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .xl\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .xl\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .xl\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .xl\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .xl\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .xl\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .xl\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .xl\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .xl\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .xl\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .xl\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .xl\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .xl\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .xl\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .xl\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .xl\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .xl\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .xl\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .xl\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .xl\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .xl\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .xl\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .xl\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .xl\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .xl\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .xl\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .xl\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .xl\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .xl\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .xl\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .xl\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .xl\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .xl\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .xl\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .xl\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .xl\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .xl\:rounded-none {
+ border-radius: 0;
+ }
+
+ .xl\:rounded-sm {
+ border-radius: 0.125rem;
+ }
+
+ .xl\:rounded {
+ border-radius: 0.25rem;
+ }
+
+ .xl\:rounded-md {
+ border-radius: 0.375rem;
+ }
+
+ .xl\:rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .xl\:rounded-full {
+ border-radius: 9999px;
+ }
+
+ .xl\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .xl\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .xl\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .xl\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .xl\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .xl\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .xl\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .xl\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .xl\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .xl\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .xl\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:border-solid {
+ border-style: solid;
+ }
+
+ .xl\:border-dashed {
+ border-style: dashed;
+ }
+
+ .xl\:border-dotted {
+ border-style: dotted;
+ }
+
+ .xl\:border-double {
+ border-style: double;
+ }
+
+ .xl\:border-none {
+ border-style: none;
+ }
+
+ .xl\:border-0 {
+ border-width: 0;
+ }
+
+ .xl\:border-2 {
+ border-width: 2px;
+ }
+
+ .xl\:border-4 {
+ border-width: 4px;
+ }
+
+ .xl\:border-8 {
+ border-width: 8px;
+ }
+
+ .xl\:border {
+ border-width: 1px;
+ }
+
+ .xl\:border-t-0 {
+ border-top-width: 0;
+ }
+
+ .xl\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .xl\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .xl\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .xl\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .xl\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .xl\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .xl\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .xl\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .xl\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .xl\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .xl\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .xl\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .xl\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .xl\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .xl\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .xl\:border-t {
+ border-top-width: 1px;
+ }
+
+ .xl\:border-r {
+ border-right-width: 1px;
+ }
+
+ .xl\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .xl\:border-l {
+ border-left-width: 1px;
+ }
+
+ .xl\:box-border {
+ box-sizing: border-box;
+ }
+
+ .xl\:box-content {
+ box-sizing: content-box;
+ }
+
+ .xl\:cursor-auto {
+ cursor: auto;
+ }
+
+ .xl\:cursor-default {
+ cursor: default;
+ }
+
+ .xl\:cursor-pointer {
+ cursor: pointer;
+ }
+
+ .xl\:cursor-wait {
+ cursor: wait;
+ }
+
+ .xl\:cursor-text {
+ cursor: text;
+ }
+
+ .xl\:cursor-move {
+ cursor: move;
+ }
+
+ .xl\:cursor-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .xl\:block {
+ display: block;
+ }
+
+ .xl\:inline-block {
+ display: inline-block;
+ }
+
+ .xl\:inline {
+ display: inline;
+ }
+
+ .xl\:flex {
+ display: flex;
+ }
+
+ .xl\:inline-flex {
+ display: inline-flex;
+ }
+
+ .xl\:table {
+ display: table;
+ }
+
+ .xl\:table-caption {
+ display: table-caption;
+ }
+
+ .xl\:table-cell {
+ display: table-cell;
+ }
+
+ .xl\:table-column {
+ display: table-column;
+ }
+
+ .xl\:table-column-group {
+ display: table-column-group;
+ }
+
+ .xl\:table-footer-group {
+ display: table-footer-group;
+ }
+
+ .xl\:table-header-group {
+ display: table-header-group;
+ }
+
+ .xl\:table-row-group {
+ display: table-row-group;
+ }
+
+ .xl\:table-row {
+ display: table-row;
+ }
+
+ .xl\:hidden {
+ display: none;
+ }
+
+ .xl\:flex-row {
+ flex-direction: row;
+ }
+
+ .xl\:flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+
+ .xl\:flex-col {
+ flex-direction: column;
+ }
+
+ .xl\:flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+
+ .xl\:flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ .xl\:flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+
+ .xl\:flex-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .xl\:items-start {
+ align-items: flex-start;
+ }
+
+ .xl\:items-end {
+ align-items: flex-end;
+ }
+
+ .xl\:items-center {
+ align-items: center;
+ }
+
+ .xl\:items-baseline {
+ align-items: baseline;
+ }
+
+ .xl\:items-stretch {
+ align-items: stretch;
+ }
+
+ .xl\:self-auto {
+ align-self: auto;
+ }
+
+ .xl\:self-start {
+ align-self: flex-start;
+ }
+
+ .xl\:self-end {
+ align-self: flex-end;
+ }
+
+ .xl\:self-center {
+ align-self: center;
+ }
+
+ .xl\:self-stretch {
+ align-self: stretch;
+ }
+
+ .xl\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .xl\:justify-end {
+ justify-content: flex-end;
+ }
+
+ .xl\:justify-center {
+ justify-content: center;
+ }
+
+ .xl\:justify-between {
+ justify-content: space-between;
+ }
+
+ .xl\:justify-around {
+ justify-content: space-around;
+ }
+
+ .xl\:justify-evenly {
+ justify-content: space-evenly;
+ }
+
+ .xl\:content-center {
+ align-content: center;
+ }
+
+ .xl\:content-start {
+ align-content: flex-start;
+ }
+
+ .xl\:content-end {
+ align-content: flex-end;
+ }
+
+ .xl\:content-between {
+ align-content: space-between;
+ }
+
+ .xl\:content-around {
+ align-content: space-around;
+ }
+
+ .xl\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .xl\:flex-auto {
+ flex: 1 1 auto;
+ }
+
+ .xl\:flex-initial {
+ flex: 0 1 auto;
+ }
+
+ .xl\:flex-none {
+ flex: none;
+ }
+
+ .xl\:flex-grow-0 {
+ flex-grow: 0;
+ }
+
+ .xl\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .xl\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .xl\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .xl\:order-1 {
+ order: 1;
+ }
+
+ .xl\:order-2 {
+ order: 2;
+ }
+
+ .xl\:order-3 {
+ order: 3;
+ }
+
+ .xl\:order-4 {
+ order: 4;
+ }
+
+ .xl\:order-5 {
+ order: 5;
+ }
+
+ .xl\:order-6 {
+ order: 6;
+ }
+
+ .xl\:order-7 {
+ order: 7;
+ }
+
+ .xl\:order-8 {
+ order: 8;
+ }
+
+ .xl\:order-9 {
+ order: 9;
+ }
+
+ .xl\:order-10 {
+ order: 10;
+ }
+
+ .xl\:order-11 {
+ order: 11;
+ }
+
+ .xl\:order-12 {
+ order: 12;
+ }
+
+ .xl\:order-first {
+ order: -9999;
+ }
+
+ .xl\:order-last {
+ order: 9999;
+ }
+
+ .xl\:order-none {
+ order: 0;
+ }
+
+ .xl\:float-right {
+ float: right;
+ }
+
+ .xl\:float-left {
+ float: left;
+ }
+
+ .xl\:float-none {
+ float: none;
+ }
+
+ .xl\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .xl\:clear-left {
+ clear: left;
+ }
+
+ .xl\:clear-right {
+ clear: right;
+ }
+
+ .xl\:clear-both {
+ clear: both;
+ }
+
+ .xl\:clear-none {
+ clear: none;
+ }
+
+ .xl\:font-sans {
+ font-family: 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\:font-serif {
+ font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .xl\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .xl\:font-hairline {
+ font-weight: 100;
+ }
+
+ .xl\:font-thin {
+ font-weight: 200;
+ }
+
+ .xl\:font-light {
+ font-weight: 300;
+ }
+
+ .xl\:font-normal {
+ font-weight: 400;
+ }
+
+ .xl\:font-medium {
+ font-weight: 500;
+ }
+
+ .xl\:font-semibold {
+ font-weight: 600;
+ }
+
+ .xl\:font-bold {
+ font-weight: 700;
+ }
+
+ .xl\:font-extrabold {
+ font-weight: 800;
+ }
+
+ .xl\:font-black {
+ font-weight: 900;
+ }
+
+ .xl\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .xl\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .xl\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .xl\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .xl\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .xl\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .xl\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .xl\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .xl\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .xl\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .xl\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .xl\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .xl\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .xl\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .xl\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .xl\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .xl\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .xl\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .xl\:h-0 {
+ height: 0;
+ }
+
+ .xl\:h-1 {
+ height: 0.25rem;
+ }
+
+ .xl\:h-2 {
+ height: 0.5rem;
+ }
+
+ .xl\:h-3 {
+ height: 0.75rem;
+ }
+
+ .xl\:h-4 {
+ height: 1rem;
+ }
+
+ .xl\:h-5 {
+ height: 1.25rem;
+ }
+
+ .xl\:h-6 {
+ height: 1.5rem;
+ }
+
+ .xl\:h-8 {
+ height: 2rem;
+ }
+
+ .xl\:h-10 {
+ height: 2.5rem;
+ }
+
+ .xl\:h-12 {
+ height: 3rem;
+ }
+
+ .xl\:h-16 {
+ height: 4rem;
+ }
+
+ .xl\:h-20 {
+ height: 5rem;
+ }
+
+ .xl\:h-24 {
+ height: 6rem;
+ }
+
+ .xl\:h-32 {
+ height: 8rem;
+ }
+
+ .xl\:h-40 {
+ height: 10rem;
+ }
+
+ .xl\:h-48 {
+ height: 12rem;
+ }
+
+ .xl\:h-56 {
+ height: 14rem;
+ }
+
+ .xl\:h-64 {
+ height: 16rem;
+ }
+
+ .xl\:h-auto {
+ height: auto;
+ }
+
+ .xl\:h-px {
+ height: 1px;
+ }
+
+ .xl\:h-full {
+ height: 100%;
+ }
+
+ .xl\:h-screen {
+ height: 100vh;
+ }
+
+ .xl\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .xl\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .xl\:text-base {
+ font-size: 1rem;
+ }
+
+ .xl\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .xl\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .xl\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .xl\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .xl\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .xl\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .xl\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .xl\:leading-3 {
+ line-height: .75rem;
+ }
+
+ .xl\:leading-4 {
+ line-height: 1rem;
+ }
+
+ .xl\:leading-5 {
+ line-height: 1.25rem;
+ }
+
+ .xl\:leading-6 {
+ line-height: 1.5rem;
+ }
+
+ .xl\:leading-7 {
+ line-height: 1.75rem;
+ }
+
+ .xl\:leading-8 {
+ line-height: 2rem;
+ }
+
+ .xl\:leading-9 {
+ line-height: 2.25rem;
+ }
+
+ .xl\:leading-10 {
+ line-height: 2.5rem;
+ }
+
+ .xl\:leading-none {
+ line-height: 1;
+ }
+
+ .xl\:leading-tight {
+ line-height: 1.25;
+ }
+
+ .xl\:leading-snug {
+ line-height: 1.375;
+ }
+
+ .xl\:leading-normal {
+ line-height: 1.5;
+ }
+
+ .xl\:leading-relaxed {
+ line-height: 1.625;
+ }
+
+ .xl\:leading-loose {
+ line-height: 2;
+ }
+
+ .xl\:list-inside {
+ list-style-position: inside;
+ }
+
+ .xl\:list-outside {
+ list-style-position: outside;
+ }
+
+ .xl\:list-none {
+ list-style-type: none;
+ }
+
+ .xl\:list-disc {
+ list-style-type: disc;
+ }
+
+ .xl\:list-decimal {
+ list-style-type: decimal;
+ }
+
+ .xl\:m-0 {
+ margin: 0;
+ }
+
+ .xl\:m-1 {
+ margin: 0.25rem;
+ }
+
+ .xl\:m-2 {
+ margin: 0.5rem;
+ }
+
+ .xl\:m-3 {
+ margin: 0.75rem;
+ }
+
+ .xl\:m-4 {
+ margin: 1rem;
+ }
+
+ .xl\:m-5 {
+ margin: 1.25rem;
+ }
+
+ .xl\:m-6 {
+ margin: 1.5rem;
+ }
+
+ .xl\:m-8 {
+ margin: 2rem;
+ }
+
+ .xl\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .xl\:m-12 {
+ margin: 3rem;
+ }
+
+ .xl\:m-16 {
+ margin: 4rem;
+ }
+
+ .xl\:m-20 {
+ margin: 5rem;
+ }
+
+ .xl\:m-24 {
+ margin: 6rem;
+ }
+
+ .xl\:m-32 {
+ margin: 8rem;
+ }
+
+ .xl\:m-40 {
+ margin: 10rem;
+ }
+
+ .xl\:m-48 {
+ margin: 12rem;
+ }
+
+ .xl\:m-56 {
+ margin: 14rem;
+ }
+
+ .xl\:m-64 {
+ margin: 16rem;
+ }
+
+ .xl\:m-auto {
+ margin: auto;
+ }
+
+ .xl\:m-px {
+ margin: 1px;
+ }
+
+ .xl\:-m-1 {
+ margin: -0.25rem;
+ }
+
+ .xl\:-m-2 {
+ margin: -0.5rem;
+ }
+
+ .xl\:-m-3 {
+ margin: -0.75rem;
+ }
+
+ .xl\:-m-4 {
+ margin: -1rem;
+ }
+
+ .xl\:-m-5 {
+ margin: -1.25rem;
+ }
+
+ .xl\:-m-6 {
+ margin: -1.5rem;
+ }
+
+ .xl\:-m-8 {
+ margin: -2rem;
+ }
+
+ .xl\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .xl\:-m-12 {
+ margin: -3rem;
+ }
+
+ .xl\:-m-16 {
+ margin: -4rem;
+ }
+
+ .xl\:-m-20 {
+ margin: -5rem;
+ }
+
+ .xl\:-m-24 {
+ margin: -6rem;
+ }
+
+ .xl\:-m-32 {
+ margin: -8rem;
+ }
+
+ .xl\:-m-40 {
+ margin: -10rem;
+ }
+
+ .xl\:-m-48 {
+ margin: -12rem;
+ }
+
+ .xl\:-m-56 {
+ margin: -14rem;
+ }
+
+ .xl\:-m-64 {
+ margin: -16rem;
+ }
+
+ .xl\:-m-px {
+ margin: -1px;
+ }
+
+ .xl\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .xl\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .xl\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .xl\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .xl\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .xl\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .xl\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .xl\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .xl\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .xl\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .xl\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .xl\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .xl\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .xl\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .xl\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .xl\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .xl\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .xl\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .xl\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .xl\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .xl\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .xl\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .xl\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .xl\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .xl\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .xl\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .xl\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .xl\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .xl\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .xl\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .xl\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .xl\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .xl\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .xl\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .xl\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .xl\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .xl\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .xl\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .xl\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .xl\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .xl\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .xl\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .xl\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .xl\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .xl\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .xl\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .xl\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .xl\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .xl\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .xl\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .xl\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .xl\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .xl\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .xl\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .xl\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .xl\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .xl\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .xl\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .xl\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .xl\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .xl\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .xl\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .xl\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .xl\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .xl\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .xl\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .xl\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .xl\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .xl\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .xl\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .xl\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .xl\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .xl\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .xl\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .xl\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .xl\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .xl\:mt-0 {
+ margin-top: 0;
+ }
+
+ .xl\:mr-0 {
+ margin-right: 0;
+ }
+
+ .xl\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .xl\:ml-0 {
+ margin-left: 0;
+ }
+
+ .xl\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .xl\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .xl\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .xl\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .xl\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .xl\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .xl\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .xl\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .xl\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .xl\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .xl\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .xl\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .xl\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .xl\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .xl\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .xl\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .xl\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .xl\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .xl\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .xl\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .xl\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .xl\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .xl\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .xl\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .xl\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .xl\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .xl\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .xl\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .xl\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .xl\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .xl\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .xl\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .xl\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .xl\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .xl\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .xl\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .xl\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .xl\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .xl\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .xl\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .xl\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .xl\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .xl\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .xl\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .xl\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .xl\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .xl\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .xl\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .xl\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .xl\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .xl\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .xl\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .xl\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .xl\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .xl\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .xl\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .xl\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .xl\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .xl\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .xl\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .xl\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .xl\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .xl\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .xl\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .xl\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .xl\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .xl\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .xl\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .xl\:mt-auto {
+ margin-top: auto;
+ }
+
+ .xl\:mr-auto {
+ margin-right: auto;
+ }
+
+ .xl\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .xl\:ml-auto {
+ margin-left: auto;
+ }
+
+ .xl\:mt-px {
+ margin-top: 1px;
+ }
+
+ .xl\:mr-px {
+ margin-right: 1px;
+ }
+
+ .xl\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .xl\:ml-px {
+ margin-left: 1px;
+ }
+
+ .xl\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .xl\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .xl\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .xl\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .xl\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .xl\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .xl\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .xl\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .xl\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .xl\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .xl\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .xl\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .xl\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .xl\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .xl\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .xl\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .xl\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .xl\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .xl\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .xl\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .xl\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .xl\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .xl\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .xl\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .xl\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .xl\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .xl\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .xl\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .xl\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .xl\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .xl\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .xl\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .xl\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .xl\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .xl\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .xl\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .xl\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .xl\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .xl\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .xl\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .xl\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .xl\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .xl\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .xl\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .xl\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .xl\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .xl\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .xl\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .xl\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .xl\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .xl\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .xl\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .xl\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .xl\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .xl\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .xl\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .xl\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .xl\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .xl\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .xl\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .xl\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .xl\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .xl\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .xl\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .xl\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .xl\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .xl\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .xl\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .xl\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .xl\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .xl\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .xl\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .xl\:max-h-full {
+ max-height: 100%;
+ }
+
+ .xl\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .xl\:max-w-none {
+ max-width: none;
+ }
+
+ .xl\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .xl\:max-w-sm {
+ max-width: 24rem;
+ }
+
+ .xl\:max-w-md {
+ max-width: 28rem;
+ }
+
+ .xl\:max-w-lg {
+ max-width: 32rem;
+ }
+
+ .xl\:max-w-xl {
+ max-width: 36rem;
+ }
+
+ .xl\:max-w-2xl {
+ max-width: 42rem;
+ }
+
+ .xl\:max-w-3xl {
+ max-width: 48rem;
+ }
+
+ .xl\:max-w-4xl {
+ max-width: 56rem;
+ }
+
+ .xl\:max-w-5xl {
+ max-width: 64rem;
+ }
+
+ .xl\:max-w-6xl {
+ max-width: 72rem;
+ }
+
+ .xl\:max-w-full {
+ max-width: 100%;
+ }
+
+ .xl\:max-w-screen-sm {
+ max-width: 640px;
+ }
+
+ .xl\:max-w-screen-md {
+ max-width: 768px;
+ }
+
+ .xl\:max-w-screen-lg {
+ max-width: 1024px;
+ }
+
+ .xl\:max-w-screen-xl {
+ max-width: 1280px;
+ }
+
+ .xl\:min-h-0 {
+ min-height: 0;
+ }
+
+ .xl\:min-h-full {
+ min-height: 100%;
+ }
+
+ .xl\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .xl\:min-w-0 {
+ min-width: 0;
+ }
+
+ .xl\:min-w-full {
+ min-width: 100%;
+ }
+
+ .xl\:opacity-0 {
+ opacity: 0;
+ }
+
+ .xl\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .xl\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .xl\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .xl\:opacity-100 {
+ opacity: 1;
+ }
+
+ .xl\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .xl\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .xl\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .xl\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .xl\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .xl\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .xl\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .xl\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .xl\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .xl\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .xl\:outline-none {
+ outline: 0;
+ }
+
+ .xl\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .xl\:overflow-auto {
+ overflow: auto;
+ }
+
+ .xl\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .xl\:overflow-visible {
+ overflow: visible;
+ }
+
+ .xl\:overflow-scroll {
+ overflow: scroll;
+ }
+
+ .xl\:overflow-x-auto {
+ overflow-x: auto;
+ }
+
+ .xl\:overflow-y-auto {
+ overflow-y: auto;
+ }
+
+ .xl\:overflow-x-hidden {
+ overflow-x: hidden;
+ }
+
+ .xl\:overflow-y-hidden {
+ overflow-y: hidden;
+ }
+
+ .xl\:overflow-x-visible {
+ overflow-x: visible;
+ }
+
+ .xl\:overflow-y-visible {
+ overflow-y: visible;
+ }
+
+ .xl\:overflow-x-scroll {
+ overflow-x: scroll;
+ }
+
+ .xl\:overflow-y-scroll {
+ overflow-y: scroll;
+ }
+
+ .xl\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .xl\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .xl\:p-0 {
+ padding: 0;
+ }
+
+ .xl\:p-1 {
+ padding: 0.25rem;
+ }
+
+ .xl\:p-2 {
+ padding: 0.5rem;
+ }
+
+ .xl\:p-3 {
+ padding: 0.75rem;
+ }
+
+ .xl\:p-4 {
+ padding: 1rem;
+ }
+
+ .xl\:p-5 {
+ padding: 1.25rem;
+ }
+
+ .xl\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .xl\:p-8 {
+ padding: 2rem;
+ }
+
+ .xl\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .xl\:p-12 {
+ padding: 3rem;
+ }
+
+ .xl\:p-16 {
+ padding: 4rem;
+ }
+
+ .xl\:p-20 {
+ padding: 5rem;
+ }
+
+ .xl\:p-24 {
+ padding: 6rem;
+ }
+
+ .xl\:p-32 {
+ padding: 8rem;
+ }
+
+ .xl\:p-40 {
+ padding: 10rem;
+ }
+
+ .xl\:p-48 {
+ padding: 12rem;
+ }
+
+ .xl\:p-56 {
+ padding: 14rem;
+ }
+
+ .xl\:p-64 {
+ padding: 16rem;
+ }
+
+ .xl\:p-px {
+ padding: 1px;
+ }
+
+ .xl\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .xl\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .xl\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .xl\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .xl\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .xl\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .xl\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .xl\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .xl\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .xl\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .xl\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .xl\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .xl\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .xl\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .xl\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .xl\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .xl\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .xl\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .xl\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .xl\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .xl\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .xl\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .xl\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .xl\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .xl\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .xl\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .xl\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .xl\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .xl\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .xl\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .xl\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .xl\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .xl\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .xl\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .xl\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .xl\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .xl\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .xl\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .xl\:pt-0 {
+ padding-top: 0;
+ }
+
+ .xl\:pr-0 {
+ padding-right: 0;
+ }
+
+ .xl\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .xl\:pl-0 {
+ padding-left: 0;
+ }
+
+ .xl\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .xl\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .xl\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .xl\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .xl\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .xl\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .xl\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .xl\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .xl\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .xl\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .xl\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .xl\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .xl\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .xl\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .xl\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .xl\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .xl\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .xl\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .xl\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .xl\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .xl\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .xl\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .xl\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .xl\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .xl\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .xl\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .xl\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .xl\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .xl\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .xl\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .xl\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .xl\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .xl\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .xl\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .xl\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .xl\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .xl\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .xl\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .xl\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .xl\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .xl\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .xl\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .xl\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .xl\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .xl\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .xl\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .xl\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .xl\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .xl\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .xl\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .xl\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .xl\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .xl\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .xl\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .xl\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .xl\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .xl\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .xl\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .xl\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .xl\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .xl\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .xl\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .xl\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .xl\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .xl\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .xl\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .xl\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .xl\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .xl\:pt-px {
+ padding-top: 1px;
+ }
+
+ .xl\:pr-px {
+ padding-right: 1px;
+ }
+
+ .xl\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .xl\:pl-px {
+ padding-left: 1px;
+ }
+
+ .xl\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .xl\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .xl\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .xl\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .xl\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .xl\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .xl\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .xl\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .xl\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .xl\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .xl\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .xl\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .xl\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .xl\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .xl\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .xl\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .xl\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .xl\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .xl\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .xl\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .xl\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .xl\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .xl\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .xl\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .xl\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .xl\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .xl\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .xl\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .xl\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .xl\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .xl\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .xl\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .xl\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .xl\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .xl\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .xl\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .xl\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .xl\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .xl\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .xl\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .xl\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .xl\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .xl\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .xl\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .xl\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .xl\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .xl\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .xl\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .xl\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .xl\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .xl\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .xl\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .xl\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .xl\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .xl\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .xl\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .xl\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .xl\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .xl\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .xl\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .xl\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .xl\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .xl\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .xl\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .xl\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .xl\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .xl\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .xl\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .xl\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .xl\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .xl\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .xl\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .xl\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .xl\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .xl\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .xl\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .xl\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .xl\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .xl\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .xl\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .xl\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .xl\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .xl\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .xl\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .xl\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .xl\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .xl\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .xl\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .xl\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .xl\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .xl\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .xl\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .xl\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .xl\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .xl\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .xl\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .xl\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .xl\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .xl\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .xl\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .xl\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .xl\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .xl\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .xl\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .xl\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .xl\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .xl\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .xl\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .xl\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .xl\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .xl\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .xl\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .xl\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .xl\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .xl\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .xl\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .xl\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .xl\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .xl\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .xl\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .xl\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .xl\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .xl\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .xl\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .xl\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .xl\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .xl\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .xl\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .xl\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .xl\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .xl\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .xl\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .xl\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .xl\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .xl\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .xl\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .xl\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .xl\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .xl\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .xl\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .xl\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .xl\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .xl\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .xl\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .xl\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .xl\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .xl\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .xl\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .xl\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .xl\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .xl\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .xl\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .xl\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .xl\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .xl\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .xl\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .xl\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .xl\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .xl\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .xl\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .xl\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .xl\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .xl\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .xl\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .xl\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .xl\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .xl\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .xl\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .xl\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .xl\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .xl\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .xl\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .xl\:static {
+ position: static;
+ }
+
+ .xl\:fixed {
+ position: fixed;
+ }
+
+ .xl\:absolute {
+ position: absolute;
+ }
+
+ .xl\:relative {
+ position: relative;
+ }
+
+ .xl\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .xl\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .xl\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .xl\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .xl\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .xl\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .xl\:top-0 {
+ top: 0;
+ }
+
+ .xl\:right-0 {
+ right: 0;
+ }
+
+ .xl\:bottom-0 {
+ bottom: 0;
+ }
+
+ .xl\:left-0 {
+ left: 0;
+ }
+
+ .xl\:top-auto {
+ top: auto;
+ }
+
+ .xl\:right-auto {
+ right: auto;
+ }
+
+ .xl\:bottom-auto {
+ bottom: auto;
+ }
+
+ .xl\:left-auto {
+ left: auto;
+ }
+
+ .xl\:resize-none {
+ resize: none;
+ }
+
+ .xl\:resize-y {
+ resize: vertical;
+ }
+
+ .xl\:resize-x {
+ resize: horizontal;
+ }
+
+ .xl\:resize {
+ resize: both;
+ }
+
+ .xl\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:shadow-none {
+ box-shadow: none;
+ }
+
+ .xl\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .xl\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .xl\:fill-current {
+ fill: currentColor;
+ }
+
+ .xl\:stroke-current {
+ stroke: currentColor;
+ }
+
+ .xl\:stroke-0 {
+ stroke-width: 0;
+ }
+
+ .xl\:stroke-1 {
+ stroke-width: 1;
+ }
+
+ .xl\:stroke-2 {
+ stroke-width: 2;
+ }
+
+ .xl\:table-auto {
+ table-layout: auto;
+ }
+
+ .xl\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .xl\:text-left {
+ text-align: left;
+ }
+
+ .xl\:text-center {
+ text-align: center;
+ }
+
+ .xl\:text-right {
+ text-align: right;
+ }
+
+ .xl\:text-justify {
+ text-align: justify;
+ }
+
+ .xl\:text-transparent {
+ color: transparent;
+ }
+
+ .xl\:text-current {
+ color: currentColor;
+ }
+
+ .xl\:text-black {
+ color: #000;
+ }
+
+ .xl\:text-white {
+ color: #fff;
+ }
+
+ .xl\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .xl\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .xl\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .xl\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .xl\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .xl\:text-gray-600 {
+ color: #718096;
+ }
+
+ .xl\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .xl\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .xl\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .xl\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .xl\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .xl\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .xl\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .xl\:text-red-500 {
+ color: #f56565;
+ }
+
+ .xl\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .xl\:text-red-700 {
+ color: #c53030;
+ }
+
+ .xl\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .xl\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .xl\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .xl\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .xl\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .xl\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .xl\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .xl\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .xl\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .xl\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .xl\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .xl\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .xl\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .xl\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .xl\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .xl\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .xl\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .xl\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .xl\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .xl\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .xl\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .xl\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .xl\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .xl\:text-green-400 {
+ color: #68d391;
+ }
+
+ .xl\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .xl\:text-green-600 {
+ color: #38a169;
+ }
+
+ .xl\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .xl\:text-green-800 {
+ color: #276749;
+ }
+
+ .xl\:text-green-900 {
+ color: #22543d;
+ }
+
+ .xl\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .xl\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .xl\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .xl\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .xl\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .xl\:text-teal-600 {
+ color: #319795;
+ }
+
+ .xl\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .xl\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .xl\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .xl\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .xl\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .xl\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .xl\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .xl\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .xl\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .xl\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .xl\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .xl\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .xl\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .xl\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .xl\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .xl\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .xl\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .xl\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .xl\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .xl\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .xl\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .xl\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .xl\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .xl\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .xl\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .xl\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .xl\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .xl\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .xl\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .xl\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .xl\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .xl\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .xl\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .xl\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .xl\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .xl\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .xl\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .xl\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .xl\:text-pink-900 {
+ color: #702459;
+ }
+
+ .xl\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .xl\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .xl\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .xl\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .xl\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .xl\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .xl\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .xl\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .xl\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .xl\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .xl\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .xl\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .xl\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .xl\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .xl\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .xl\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .xl\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .xl\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .xl\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .xl\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .xl\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .xl\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .xl\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .xl\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .xl\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .xl\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .xl\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .xl\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .xl\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .xl\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .xl\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .xl\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .xl\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .xl\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .xl\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .xl\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .xl\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .xl\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .xl\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .xl\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .xl\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .xl\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .xl\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .xl\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .xl\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .xl\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .xl\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .xl\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .xl\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .xl\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .xl\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .xl\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .xl\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .xl\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .xl\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .xl\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .xl\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .xl\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .xl\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .xl\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .xl\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .xl\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .xl\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .xl\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .xl\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .xl\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .xl\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .xl\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .xl\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .xl\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .xl\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .xl\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .xl\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .xl\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .xl\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .xl\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .xl\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .xl\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .xl\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .xl\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .xl\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .xl\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .xl\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .xl\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .xl\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .xl\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .xl\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .xl\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .xl\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .xl\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .xl\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .xl\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .xl\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .xl\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .xl\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .xl\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .xl\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .xl\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .xl\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .xl\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .xl\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .xl\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .xl\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .xl\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .xl\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .xl\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .xl\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .xl\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .xl\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .xl\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .xl\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .xl\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .xl\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .xl\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .xl\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .xl\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .xl\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .xl\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .xl\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .xl\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .xl\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .xl\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .xl\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .xl\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .xl\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .xl\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .xl\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .xl\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .xl\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .xl\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .xl\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .xl\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .xl\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .xl\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .xl\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .xl\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .xl\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .xl\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .xl\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .xl\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .xl\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .xl\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .xl\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .xl\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .xl\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .xl\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .xl\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .xl\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .xl\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .xl\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .xl\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .xl\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .xl\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .xl\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .xl\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .xl\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .xl\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .xl\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .xl\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .xl\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .xl\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .xl\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .xl\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .xl\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .xl\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .xl\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .xl\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .xl\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .xl\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .xl\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .xl\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .xl\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .xl\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .xl\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .xl\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .xl\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .xl\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .xl\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .xl\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .xl\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .xl\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .xl\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .xl\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .xl\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .xl\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .xl\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .xl\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .xl\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .xl\:italic {
+ font-style: italic;
+ }
+
+ .xl\:not-italic {
+ font-style: normal;
+ }
+
+ .xl\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .xl\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .xl\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .xl\:normal-case {
+ text-transform: none;
+ }
+
+ .xl\:underline {
+ text-decoration: underline;
+ }
+
+ .xl\:line-through {
+ text-decoration: line-through;
+ }
+
+ .xl\:no-underline {
+ text-decoration: none;
+ }
+
+ .xl\:hover\:underline:hover {
+ text-decoration: underline;
+ }
+
+ .xl\:hover\:line-through:hover {
+ text-decoration: line-through;
+ }
+
+ .xl\:hover\:no-underline:hover {
+ text-decoration: none;
+ }
+
+ .xl\:focus\:underline:focus {
+ text-decoration: underline;
+ }
+
+ .xl\:focus\:line-through:focus {
+ text-decoration: line-through;
+ }
+
+ .xl\:focus\:no-underline:focus {
+ text-decoration: none;
+ }
+
+ .xl\:antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .xl\:subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+
+ .xl\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .xl\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .xl\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .xl\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .xl\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .xl\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .xl\:select-none {
+ user-select: none;
+ }
+
+ .xl\:select-text {
+ user-select: text;
+ }
+
+ .xl\:select-all {
+ user-select: all;
+ }
+
+ .xl\:select-auto {
+ user-select: auto;
+ }
+
+ .xl\:align-baseline {
+ vertical-align: baseline;
+ }
+
+ .xl\:align-top {
+ vertical-align: top;
+ }
+
+ .xl\:align-middle {
+ vertical-align: middle;
+ }
+
+ .xl\:align-bottom {
+ vertical-align: bottom;
+ }
+
+ .xl\:align-text-top {
+ vertical-align: text-top;
+ }
+
+ .xl\:align-text-bottom {
+ vertical-align: text-bottom;
+ }
+
+ .xl\:visible {
+ visibility: visible;
+ }
+
+ .xl\:invisible {
+ visibility: hidden;
+ }
+
+ .xl\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .xl\:whitespace-no-wrap {
+ white-space: nowrap;
+ }
+
+ .xl\:whitespace-pre {
+ white-space: pre;
+ }
+
+ .xl\:whitespace-pre-line {
+ white-space: pre-line;
+ }
+
+ .xl\:whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+
+ .xl\:break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+
+ .xl\:break-words {
+ overflow-wrap: break-word;
+ }
+
+ .xl\:break-all {
+ word-break: break-all;
+ }
+
+ .xl\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .xl\:w-0 {
+ width: 0;
+ }
+
+ .xl\:w-1 {
+ width: 0.25rem;
+ }
+
+ .xl\:w-2 {
+ width: 0.5rem;
+ }
+
+ .xl\:w-3 {
+ width: 0.75rem;
+ }
+
+ .xl\:w-4 {
+ width: 1rem;
+ }
+
+ .xl\:w-5 {
+ width: 1.25rem;
+ }
+
+ .xl\:w-6 {
+ width: 1.5rem;
+ }
+
+ .xl\:w-8 {
+ width: 2rem;
+ }
+
+ .xl\:w-10 {
+ width: 2.5rem;
+ }
+
+ .xl\:w-12 {
+ width: 3rem;
+ }
+
+ .xl\:w-16 {
+ width: 4rem;
+ }
+
+ .xl\:w-20 {
+ width: 5rem;
+ }
+
+ .xl\:w-24 {
+ width: 6rem;
+ }
+
+ .xl\:w-32 {
+ width: 8rem;
+ }
+
+ .xl\:w-40 {
+ width: 10rem;
+ }
+
+ .xl\:w-48 {
+ width: 12rem;
+ }
+
+ .xl\:w-56 {
+ width: 14rem;
+ }
+
+ .xl\:w-64 {
+ width: 16rem;
+ }
+
+ .xl\:w-auto {
+ width: auto;
+ }
+
+ .xl\:w-px {
+ width: 1px;
+ }
+
+ .xl\:w-1\/2 {
+ width: 50%;
+ }
+
+ .xl\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-2\/3 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-1\/4 {
+ width: 25%;
+ }
+
+ .xl\:w-2\/4 {
+ width: 50%;
+ }
+
+ .xl\:w-3\/4 {
+ width: 75%;
+ }
+
+ .xl\:w-1\/5 {
+ width: 20%;
+ }
+
+ .xl\:w-2\/5 {
+ width: 40%;
+ }
+
+ .xl\:w-3\/5 {
+ width: 60%;
+ }
+
+ .xl\:w-4\/5 {
+ width: 80%;
+ }
+
+ .xl\:w-1\/6 {
+ width: 16.666667%;
+ }
+
+ .xl\:w-2\/6 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-3\/6 {
+ width: 50%;
+ }
+
+ .xl\:w-4\/6 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-5\/6 {
+ width: 83.333333%;
+ }
+
+ .xl\:w-1\/12 {
+ width: 8.333333%;
+ }
+
+ .xl\:w-2\/12 {
+ width: 16.666667%;
+ }
+
+ .xl\:w-3\/12 {
+ width: 25%;
+ }
+
+ .xl\:w-4\/12 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-5\/12 {
+ width: 41.666667%;
+ }
+
+ .xl\:w-6\/12 {
+ width: 50%;
+ }
+
+ .xl\:w-7\/12 {
+ width: 58.333333%;
+ }
+
+ .xl\:w-8\/12 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-9\/12 {
+ width: 75%;
+ }
+
+ .xl\:w-10\/12 {
+ width: 83.333333%;
+ }
+
+ .xl\:w-11\/12 {
+ width: 91.666667%;
+ }
+
+ .xl\:w-full {
+ width: 100%;
+ }
+
+ .xl\:w-screen {
+ width: 100vw;
+ }
+
+ .xl\:z-0 {
+ z-index: 0;
+ }
+
+ .xl\:z-10 {
+ z-index: 10;
+ }
+
+ .xl\:z-20 {
+ z-index: 20;
+ }
+
+ .xl\:z-30 {
+ z-index: 30;
+ }
+
+ .xl\:z-40 {
+ z-index: 40;
+ }
+
+ .xl\:z-50 {
+ z-index: 50;
+ }
+
+ .xl\:z-auto {
+ z-index: auto;
+ }
+
+ .xl\:origin-center {
+ transform-origin: center;
+ }
+
+ .xl\:origin-top {
+ transform-origin: top;
+ }
+
+ .xl\:origin-top-right {
+ transform-origin: top right;
+ }
+
+ .xl\:origin-right {
+ transform-origin: right;
+ }
+
+ .xl\:origin-bottom-right {
+ transform-origin: bottom right;
+ }
+
+ .xl\:origin-bottom {
+ transform-origin: bottom;
+ }
+
+ .xl\:origin-bottom-left {
+ transform-origin: bottom left;
+ }
+
+ .xl\:origin-left {
+ transform-origin: left;
+ }
+
+ .xl\:origin-top-left {
+ transform-origin: top left;
+ }
+
+ .xl\:scale-0 {
+ transform: scale(0);
+ }
+
+ .xl\:scale-50 {
+ transform: scale(.5);
+ }
+
+ .xl\:scale-75 {
+ transform: scale(.75);
+ }
+
+ .xl\:scale-90 {
+ transform: scale(.9);
+ }
+
+ .xl\:scale-95 {
+ transform: scale(.95);
+ }
+
+ .xl\:scale-100 {
+ transform: scale(1);
+ }
+
+ .xl\:scale-105 {
+ transform: scale(1.05);
+ }
+
+ .xl\:scale-110 {
+ transform: scale(1.1);
+ }
+
+ .xl\:scale-125 {
+ transform: scale(1.25);
+ }
+
+ .xl\:scale-150 {
+ transform: scale(1.5);
+ }
+
+ .xl\:scale-x-0 {
+ transform: scaleX(0);
+ }
+
+ .xl\:scale-x-50 {
+ transform: scaleX(.5);
+ }
+
+ .xl\:scale-x-75 {
+ transform: scaleX(.75);
+ }
+
+ .xl\:scale-x-90 {
+ transform: scaleX(.9);
+ }
+
+ .xl\:scale-x-95 {
+ transform: scaleX(.95);
+ }
+
+ .xl\:scale-x-100 {
+ transform: scaleX(1);
+ }
+
+ .xl\:scale-x-105 {
+ transform: scaleX(1.05);
+ }
+
+ .xl\:scale-x-110 {
+ transform: scaleX(1.1);
+ }
+
+ .xl\:scale-x-125 {
+ transform: scaleX(1.25);
+ }
+
+ .xl\:scale-x-150 {
+ transform: scaleX(1.5);
+ }
+
+ .xl\:scale-y-0 {
+ transform: scaleY(0);
+ }
+
+ .xl\:scale-y-50 {
+ transform: scaleY(.5);
+ }
+
+ .xl\:scale-y-75 {
+ transform: scaleY(.75);
+ }
+
+ .xl\:scale-y-90 {
+ transform: scaleY(.9);
+ }
+
+ .xl\:scale-y-95 {
+ transform: scaleY(.95);
+ }
+
+ .xl\:scale-y-100 {
+ transform: scaleY(1);
+ }
+
+ .xl\:scale-y-105 {
+ transform: scaleY(1.05);
+ }
+
+ .xl\:scale-y-110 {
+ transform: scaleY(1.1);
+ }
+
+ .xl\:scale-y-125 {
+ transform: scaleY(1.25);
+ }
+
+ .xl\:scale-y-150 {
+ transform: scaleY(1.5);
+ }
+
+ .xl\:hover\:scale-0:hover {
+ transform: scale(0);
+ }
+
+ .xl\:hover\:scale-50:hover {
+ transform: scale(.5);
+ }
+
+ .xl\:hover\:scale-75:hover {
+ transform: scale(.75);
+ }
+
+ .xl\:hover\:scale-90:hover {
+ transform: scale(.9);
+ }
+
+ .xl\:hover\:scale-95:hover {
+ transform: scale(.95);
+ }
+
+ .xl\:hover\:scale-100:hover {
+ transform: scale(1);
+ }
+
+ .xl\:hover\:scale-105:hover {
+ transform: scale(1.05);
+ }
+
+ .xl\:hover\:scale-110:hover {
+ transform: scale(1.1);
+ }
+
+ .xl\:hover\:scale-125:hover {
+ transform: scale(1.25);
+ }
+
+ .xl\:hover\:scale-150:hover {
+ transform: scale(1.5);
+ }
+
+ .xl\:hover\:scale-x-0:hover {
+ transform: scaleX(0);
+ }
+
+ .xl\:hover\:scale-x-50:hover {
+ transform: scaleX(.5);
+ }
+
+ .xl\:hover\:scale-x-75:hover {
+ transform: scaleX(.75);
+ }
+
+ .xl\:hover\:scale-x-90:hover {
+ transform: scaleX(.9);
+ }
+
+ .xl\:hover\:scale-x-95:hover {
+ transform: scaleX(.95);
+ }
+
+ .xl\:hover\:scale-x-100:hover {
+ transform: scaleX(1);
+ }
+
+ .xl\:hover\:scale-x-105:hover {
+ transform: scaleX(1.05);
+ }
+
+ .xl\:hover\:scale-x-110:hover {
+ transform: scaleX(1.1);
+ }
+
+ .xl\:hover\:scale-x-125:hover {
+ transform: scaleX(1.25);
+ }
+
+ .xl\:hover\:scale-x-150:hover {
+ transform: scaleX(1.5);
+ }
+
+ .xl\:hover\:scale-y-0:hover {
+ transform: scaleY(0);
+ }
+
+ .xl\:hover\:scale-y-50:hover {
+ transform: scaleY(.5);
+ }
+
+ .xl\:hover\:scale-y-75:hover {
+ transform: scaleY(.75);
+ }
+
+ .xl\:hover\:scale-y-90:hover {
+ transform: scaleY(.9);
+ }
+
+ .xl\:hover\:scale-y-95:hover {
+ transform: scaleY(.95);
+ }
+
+ .xl\:hover\:scale-y-100:hover {
+ transform: scaleY(1);
+ }
+
+ .xl\:hover\:scale-y-105:hover {
+ transform: scaleY(1.05);
+ }
+
+ .xl\:hover\:scale-y-110:hover {
+ transform: scaleY(1.1);
+ }
+
+ .xl\:hover\:scale-y-125:hover {
+ transform: scaleY(1.25);
+ }
+
+ .xl\:hover\:scale-y-150:hover {
+ transform: scaleY(1.5);
+ }
+
+ .xl\:focus\:scale-0:focus {
+ transform: scale(0);
+ }
+
+ .xl\:focus\:scale-50:focus {
+ transform: scale(.5);
+ }
+
+ .xl\:focus\:scale-75:focus {
+ transform: scale(.75);
+ }
+
+ .xl\:focus\:scale-90:focus {
+ transform: scale(.9);
+ }
+
+ .xl\:focus\:scale-95:focus {
+ transform: scale(.95);
+ }
+
+ .xl\:focus\:scale-100:focus {
+ transform: scale(1);
+ }
+
+ .xl\:focus\:scale-105:focus {
+ transform: scale(1.05);
+ }
+
+ .xl\:focus\:scale-110:focus {
+ transform: scale(1.1);
+ }
+
+ .xl\:focus\:scale-125:focus {
+ transform: scale(1.25);
+ }
+
+ .xl\:focus\:scale-150:focus {
+ transform: scale(1.5);
+ }
+
+ .xl\:focus\:scale-x-0:focus {
+ transform: scaleX(0);
+ }
+
+ .xl\:focus\:scale-x-50:focus {
+ transform: scaleX(.5);
+ }
+
+ .xl\:focus\:scale-x-75:focus {
+ transform: scaleX(.75);
+ }
+
+ .xl\:focus\:scale-x-90:focus {
+ transform: scaleX(.9);
+ }
+
+ .xl\:focus\:scale-x-95:focus {
+ transform: scaleX(.95);
+ }
+
+ .xl\:focus\:scale-x-100:focus {
+ transform: scaleX(1);
+ }
+
+ .xl\:focus\:scale-x-105:focus {
+ transform: scaleX(1.05);
+ }
+
+ .xl\:focus\:scale-x-110:focus {
+ transform: scaleX(1.1);
+ }
+
+ .xl\:focus\:scale-x-125:focus {
+ transform: scaleX(1.25);
+ }
+
+ .xl\:focus\:scale-x-150:focus {
+ transform: scaleX(1.5);
+ }
+
+ .xl\:focus\:scale-y-0:focus {
+ transform: scaleY(0);
+ }
+
+ .xl\:focus\:scale-y-50:focus {
+ transform: scaleY(.5);
+ }
+
+ .xl\:focus\:scale-y-75:focus {
+ transform: scaleY(.75);
+ }
+
+ .xl\:focus\:scale-y-90:focus {
+ transform: scaleY(.9);
+ }
+
+ .xl\:focus\:scale-y-95:focus {
+ transform: scaleY(.95);
+ }
+
+ .xl\:focus\:scale-y-100:focus {
+ transform: scaleY(1);
+ }
+
+ .xl\:focus\:scale-y-105:focus {
+ transform: scaleY(1.05);
+ }
+
+ .xl\:focus\:scale-y-110:focus {
+ transform: scaleY(1.1);
+ }
+
+ .xl\:focus\:scale-y-125:focus {
+ transform: scaleY(1.25);
+ }
+
+ .xl\:focus\:scale-y-150:focus {
+ transform: scaleY(1.5);
+ }
+
+ .xl\:rotate-0 {
+ transform: rotate(0);
+ }
+
+ .xl\:rotate-45 {
+ transform: rotate(45deg);
+ }
+
+ .xl\:rotate-90 {
+ transform: rotate(90deg);
+ }
+
+ .xl\:rotate-180 {
+ transform: rotate(180deg);
+ }
+
+ .xl\:-rotate-180 {
+ transform: rotate(-180deg);
+ }
+
+ .xl\:-rotate-90 {
+ transform: rotate(-90deg);
+ }
+
+ .xl\:-rotate-45 {
+ transform: rotate(-45deg);
+ }
+
+ .xl\:hover\:rotate-0:hover {
+ transform: rotate(0);
+ }
+
+ .xl\:hover\:rotate-45:hover {
+ transform: rotate(45deg);
+ }
+
+ .xl\:hover\:rotate-90:hover {
+ transform: rotate(90deg);
+ }
+
+ .xl\:hover\:rotate-180:hover {
+ transform: rotate(180deg);
+ }
+
+ .xl\:hover\:-rotate-180:hover {
+ transform: rotate(-180deg);
+ }
+
+ .xl\:hover\:-rotate-90:hover {
+ transform: rotate(-90deg);
+ }
+
+ .xl\:hover\:-rotate-45:hover {
+ transform: rotate(-45deg);
+ }
+
+ .xl\:focus\:rotate-0:focus {
+ transform: rotate(0);
+ }
+
+ .xl\:focus\:rotate-45:focus {
+ transform: rotate(45deg);
+ }
+
+ .xl\:focus\:rotate-90:focus {
+ transform: rotate(90deg);
+ }
+
+ .xl\:focus\:rotate-180:focus {
+ transform: rotate(180deg);
+ }
+
+ .xl\:focus\:-rotate-180:focus {
+ transform: rotate(-180deg);
+ }
+
+ .xl\:focus\:-rotate-90:focus {
+ transform: rotate(-90deg);
+ }
+
+ .xl\:focus\:-rotate-45:focus {
+ transform: rotate(-45deg);
+ }
+
+ .xl\:translate-x-0 {
+ transform: translateX(0);
+ }
+
+ .xl\:translate-x-1 {
+ transform: translateX(0.25rem);
+ }
+
+ .xl\:translate-x-2 {
+ transform: translateX(0.5rem);
+ }
+
+ .xl\:translate-x-3 {
+ transform: translateX(0.75rem);
+ }
+
+ .xl\:translate-x-4 {
+ transform: translateX(1rem);
+ }
+
+ .xl\:translate-x-5 {
+ transform: translateX(1.25rem);
+ }
+
+ .xl\:translate-x-6 {
+ transform: translateX(1.5rem);
+ }
+
+ .xl\:translate-x-8 {
+ transform: translateX(2rem);
+ }
+
+ .xl\:translate-x-10 {
+ transform: translateX(2.5rem);
+ }
+
+ .xl\:translate-x-12 {
+ transform: translateX(3rem);
+ }
+
+ .xl\:translate-x-16 {
+ transform: translateX(4rem);
+ }
+
+ .xl\:translate-x-20 {
+ transform: translateX(5rem);
+ }
+
+ .xl\:translate-x-24 {
+ transform: translateX(6rem);
+ }
+
+ .xl\:translate-x-32 {
+ transform: translateX(8rem);
+ }
+
+ .xl\:translate-x-40 {
+ transform: translateX(10rem);
+ }
+
+ .xl\:translate-x-48 {
+ transform: translateX(12rem);
+ }
+
+ .xl\:translate-x-56 {
+ transform: translateX(14rem);
+ }
+
+ .xl\:translate-x-64 {
+ transform: translateX(16rem);
+ }
+
+ .xl\:translate-x-px {
+ transform: translateX(1px);
+ }
+
+ .xl\:-translate-x-1 {
+ transform: translateX(-0.25rem);
+ }
+
+ .xl\:-translate-x-2 {
+ transform: translateX(-0.5rem);
+ }
+
+ .xl\:-translate-x-3 {
+ transform: translateX(-0.75rem);
+ }
+
+ .xl\:-translate-x-4 {
+ transform: translateX(-1rem);
+ }
+
+ .xl\:-translate-x-5 {
+ transform: translateX(-1.25rem);
+ }
+
+ .xl\:-translate-x-6 {
+ transform: translateX(-1.5rem);
+ }
+
+ .xl\:-translate-x-8 {
+ transform: translateX(-2rem);
+ }
+
+ .xl\:-translate-x-10 {
+ transform: translateX(-2.5rem);
+ }
+
+ .xl\:-translate-x-12 {
+ transform: translateX(-3rem);
+ }
+
+ .xl\:-translate-x-16 {
+ transform: translateX(-4rem);
+ }
+
+ .xl\:-translate-x-20 {
+ transform: translateX(-5rem);
+ }
+
+ .xl\:-translate-x-24 {
+ transform: translateX(-6rem);
+ }
+
+ .xl\:-translate-x-32 {
+ transform: translateX(-8rem);
+ }
+
+ .xl\:-translate-x-40 {
+ transform: translateX(-10rem);
+ }
+
+ .xl\:-translate-x-48 {
+ transform: translateX(-12rem);
+ }
+
+ .xl\:-translate-x-56 {
+ transform: translateX(-14rem);
+ }
+
+ .xl\:-translate-x-64 {
+ transform: translateX(-16rem);
+ }
+
+ .xl\:-translate-x-px {
+ transform: translateX(-1px);
+ }
+
+ .xl\:-translate-x-full {
+ transform: translateX(-100%);
+ }
+
+ .xl\:-translate-x-1\/2 {
+ transform: translateX(-50%);
+ }
+
+ .xl\:translate-x-1\/2 {
+ transform: translateX(50%);
+ }
+
+ .xl\:translate-x-full {
+ transform: translateX(100%);
+ }
+
+ .xl\:translate-y-0 {
+ transform: translateY(0);
+ }
+
+ .xl\:translate-y-1 {
+ transform: translateY(0.25rem);
+ }
+
+ .xl\:translate-y-2 {
+ transform: translateY(0.5rem);
+ }
+
+ .xl\:translate-y-3 {
+ transform: translateY(0.75rem);
+ }
+
+ .xl\:translate-y-4 {
+ transform: translateY(1rem);
+ }
+
+ .xl\:translate-y-5 {
+ transform: translateY(1.25rem);
+ }
+
+ .xl\:translate-y-6 {
+ transform: translateY(1.5rem);
+ }
+
+ .xl\:translate-y-8 {
+ transform: translateY(2rem);
+ }
+
+ .xl\:translate-y-10 {
+ transform: translateY(2.5rem);
+ }
+
+ .xl\:translate-y-12 {
+ transform: translateY(3rem);
+ }
+
+ .xl\:translate-y-16 {
+ transform: translateY(4rem);
+ }
+
+ .xl\:translate-y-20 {
+ transform: translateY(5rem);
+ }
+
+ .xl\:translate-y-24 {
+ transform: translateY(6rem);
+ }
+
+ .xl\:translate-y-32 {
+ transform: translateY(8rem);
+ }
+
+ .xl\:translate-y-40 {
+ transform: translateY(10rem);
+ }
+
+ .xl\:translate-y-48 {
+ transform: translateY(12rem);
+ }
+
+ .xl\:translate-y-56 {
+ transform: translateY(14rem);
+ }
+
+ .xl\:translate-y-64 {
+ transform: translateY(16rem);
+ }
+
+ .xl\:translate-y-px {
+ transform: translateY(1px);
+ }
+
+ .xl\:-translate-y-1 {
+ transform: translateY(-0.25rem);
+ }
+
+ .xl\:-translate-y-2 {
+ transform: translateY(-0.5rem);
+ }
+
+ .xl\:-translate-y-3 {
+ transform: translateY(-0.75rem);
+ }
+
+ .xl\:-translate-y-4 {
+ transform: translateY(-1rem);
+ }
+
+ .xl\:-translate-y-5 {
+ transform: translateY(-1.25rem);
+ }
+
+ .xl\:-translate-y-6 {
+ transform: translateY(-1.5rem);
+ }
+
+ .xl\:-translate-y-8 {
+ transform: translateY(-2rem);
+ }
+
+ .xl\:-translate-y-10 {
+ transform: translateY(-2.5rem);
+ }
+
+ .xl\:-translate-y-12 {
+ transform: translateY(-3rem);
+ }
+
+ .xl\:-translate-y-16 {
+ transform: translateY(-4rem);
+ }
+
+ .xl\:-translate-y-20 {
+ transform: translateY(-5rem);
+ }
+
+ .xl\:-translate-y-24 {
+ transform: translateY(-6rem);
+ }
+
+ .xl\:-translate-y-32 {
+ transform: translateY(-8rem);
+ }
+
+ .xl\:-translate-y-40 {
+ transform: translateY(-10rem);
+ }
+
+ .xl\:-translate-y-48 {
+ transform: translateY(-12rem);
+ }
+
+ .xl\:-translate-y-56 {
+ transform: translateY(-14rem);
+ }
+
+ .xl\:-translate-y-64 {
+ transform: translateY(-16rem);
+ }
+
+ .xl\:-translate-y-px {
+ transform: translateY(-1px);
+ }
+
+ .xl\:-translate-y-full {
+ transform: translateY(-100%);
+ }
+
+ .xl\:-translate-y-1\/2 {
+ transform: translateY(-50%);
+ }
+
+ .xl\:translate-y-1\/2 {
+ transform: translateY(50%);
+ }
+
+ .xl\:translate-y-full {
+ transform: translateY(100%);
+ }
+
+ .xl\:hover\:translate-x-0:hover {
+ transform: translateX(0);
+ }
+
+ .xl\:hover\:translate-x-1:hover {
+ transform: translateX(0.25rem);
+ }
+
+ .xl\:hover\:translate-x-2:hover {
+ transform: translateX(0.5rem);
+ }
+
+ .xl\:hover\:translate-x-3:hover {
+ transform: translateX(0.75rem);
+ }
+
+ .xl\:hover\:translate-x-4:hover {
+ transform: translateX(1rem);
+ }
+
+ .xl\:hover\:translate-x-5:hover {
+ transform: translateX(1.25rem);
+ }
+
+ .xl\:hover\:translate-x-6:hover {
+ transform: translateX(1.5rem);
+ }
+
+ .xl\:hover\:translate-x-8:hover {
+ transform: translateX(2rem);
+ }
+
+ .xl\:hover\:translate-x-10:hover {
+ transform: translateX(2.5rem);
+ }
+
+ .xl\:hover\:translate-x-12:hover {
+ transform: translateX(3rem);
+ }
+
+ .xl\:hover\:translate-x-16:hover {
+ transform: translateX(4rem);
+ }
+
+ .xl\:hover\:translate-x-20:hover {
+ transform: translateX(5rem);
+ }
+
+ .xl\:hover\:translate-x-24:hover {
+ transform: translateX(6rem);
+ }
+
+ .xl\:hover\:translate-x-32:hover {
+ transform: translateX(8rem);
+ }
+
+ .xl\:hover\:translate-x-40:hover {
+ transform: translateX(10rem);
+ }
+
+ .xl\:hover\:translate-x-48:hover {
+ transform: translateX(12rem);
+ }
+
+ .xl\:hover\:translate-x-56:hover {
+ transform: translateX(14rem);
+ }
+
+ .xl\:hover\:translate-x-64:hover {
+ transform: translateX(16rem);
+ }
+
+ .xl\:hover\:translate-x-px:hover {
+ transform: translateX(1px);
+ }
+
+ .xl\:hover\:-translate-x-1:hover {
+ transform: translateX(-0.25rem);
+ }
+
+ .xl\:hover\:-translate-x-2:hover {
+ transform: translateX(-0.5rem);
+ }
+
+ .xl\:hover\:-translate-x-3:hover {
+ transform: translateX(-0.75rem);
+ }
+
+ .xl\:hover\:-translate-x-4:hover {
+ transform: translateX(-1rem);
+ }
+
+ .xl\:hover\:-translate-x-5:hover {
+ transform: translateX(-1.25rem);
+ }
+
+ .xl\:hover\:-translate-x-6:hover {
+ transform: translateX(-1.5rem);
+ }
+
+ .xl\:hover\:-translate-x-8:hover {
+ transform: translateX(-2rem);
+ }
+
+ .xl\:hover\:-translate-x-10:hover {
+ transform: translateX(-2.5rem);
+ }
+
+ .xl\:hover\:-translate-x-12:hover {
+ transform: translateX(-3rem);
+ }
+
+ .xl\:hover\:-translate-x-16:hover {
+ transform: translateX(-4rem);
+ }
+
+ .xl\:hover\:-translate-x-20:hover {
+ transform: translateX(-5rem);
+ }
+
+ .xl\:hover\:-translate-x-24:hover {
+ transform: translateX(-6rem);
+ }
+
+ .xl\:hover\:-translate-x-32:hover {
+ transform: translateX(-8rem);
+ }
+
+ .xl\:hover\:-translate-x-40:hover {
+ transform: translateX(-10rem);
+ }
+
+ .xl\:hover\:-translate-x-48:hover {
+ transform: translateX(-12rem);
+ }
+
+ .xl\:hover\:-translate-x-56:hover {
+ transform: translateX(-14rem);
+ }
+
+ .xl\:hover\:-translate-x-64:hover {
+ transform: translateX(-16rem);
+ }
+
+ .xl\:hover\:-translate-x-px:hover {
+ transform: translateX(-1px);
+ }
+
+ .xl\:hover\:-translate-x-full:hover {
+ transform: translateX(-100%);
+ }
+
+ .xl\:hover\:-translate-x-1\/2:hover {
+ transform: translateX(-50%);
+ }
+
+ .xl\:hover\:translate-x-1\/2:hover {
+ transform: translateX(50%);
+ }
+
+ .xl\:hover\:translate-x-full:hover {
+ transform: translateX(100%);
+ }
+
+ .xl\:hover\:translate-y-0:hover {
+ transform: translateY(0);
+ }
+
+ .xl\:hover\:translate-y-1:hover {
+ transform: translateY(0.25rem);
+ }
+
+ .xl\:hover\:translate-y-2:hover {
+ transform: translateY(0.5rem);
+ }
+
+ .xl\:hover\:translate-y-3:hover {
+ transform: translateY(0.75rem);
+ }
+
+ .xl\:hover\:translate-y-4:hover {
+ transform: translateY(1rem);
+ }
+
+ .xl\:hover\:translate-y-5:hover {
+ transform: translateY(1.25rem);
+ }
+
+ .xl\:hover\:translate-y-6:hover {
+ transform: translateY(1.5rem);
+ }
+
+ .xl\:hover\:translate-y-8:hover {
+ transform: translateY(2rem);
+ }
+
+ .xl\:hover\:translate-y-10:hover {
+ transform: translateY(2.5rem);
+ }
+
+ .xl\:hover\:translate-y-12:hover {
+ transform: translateY(3rem);
+ }
+
+ .xl\:hover\:translate-y-16:hover {
+ transform: translateY(4rem);
+ }
+
+ .xl\:hover\:translate-y-20:hover {
+ transform: translateY(5rem);
+ }
+
+ .xl\:hover\:translate-y-24:hover {
+ transform: translateY(6rem);
+ }
+
+ .xl\:hover\:translate-y-32:hover {
+ transform: translateY(8rem);
+ }
+
+ .xl\:hover\:translate-y-40:hover {
+ transform: translateY(10rem);
+ }
+
+ .xl\:hover\:translate-y-48:hover {
+ transform: translateY(12rem);
+ }
+
+ .xl\:hover\:translate-y-56:hover {
+ transform: translateY(14rem);
+ }
+
+ .xl\:hover\:translate-y-64:hover {
+ transform: translateY(16rem);
+ }
+
+ .xl\:hover\:translate-y-px:hover {
+ transform: translateY(1px);
+ }
+
+ .xl\:hover\:-translate-y-1:hover {
+ transform: translateY(-0.25rem);
+ }
+
+ .xl\:hover\:-translate-y-2:hover {
+ transform: translateY(-0.5rem);
+ }
+
+ .xl\:hover\:-translate-y-3:hover {
+ transform: translateY(-0.75rem);
+ }
+
+ .xl\:hover\:-translate-y-4:hover {
+ transform: translateY(-1rem);
+ }
+
+ .xl\:hover\:-translate-y-5:hover {
+ transform: translateY(-1.25rem);
+ }
+
+ .xl\:hover\:-translate-y-6:hover {
+ transform: translateY(-1.5rem);
+ }
+
+ .xl\:hover\:-translate-y-8:hover {
+ transform: translateY(-2rem);
+ }
+
+ .xl\:hover\:-translate-y-10:hover {
+ transform: translateY(-2.5rem);
+ }
+
+ .xl\:hover\:-translate-y-12:hover {
+ transform: translateY(-3rem);
+ }
+
+ .xl\:hover\:-translate-y-16:hover {
+ transform: translateY(-4rem);
+ }
+
+ .xl\:hover\:-translate-y-20:hover {
+ transform: translateY(-5rem);
+ }
+
+ .xl\:hover\:-translate-y-24:hover {
+ transform: translateY(-6rem);
+ }
+
+ .xl\:hover\:-translate-y-32:hover {
+ transform: translateY(-8rem);
+ }
+
+ .xl\:hover\:-translate-y-40:hover {
+ transform: translateY(-10rem);
+ }
+
+ .xl\:hover\:-translate-y-48:hover {
+ transform: translateY(-12rem);
+ }
+
+ .xl\:hover\:-translate-y-56:hover {
+ transform: translateY(-14rem);
+ }
+
+ .xl\:hover\:-translate-y-64:hover {
+ transform: translateY(-16rem);
+ }
+
+ .xl\:hover\:-translate-y-px:hover {
+ transform: translateY(-1px);
+ }
+
+ .xl\:hover\:-translate-y-full:hover {
+ transform: translateY(-100%);
+ }
+
+ .xl\:hover\:-translate-y-1\/2:hover {
+ transform: translateY(-50%);
+ }
+
+ .xl\:hover\:translate-y-1\/2:hover {
+ transform: translateY(50%);
+ }
+
+ .xl\:hover\:translate-y-full:hover {
+ transform: translateY(100%);
+ }
+
+ .xl\:focus\:translate-x-0:focus {
+ transform: translateX(0);
+ }
+
+ .xl\:focus\:translate-x-1:focus {
+ transform: translateX(0.25rem);
+ }
+
+ .xl\:focus\:translate-x-2:focus {
+ transform: translateX(0.5rem);
+ }
+
+ .xl\:focus\:translate-x-3:focus {
+ transform: translateX(0.75rem);
+ }
+
+ .xl\:focus\:translate-x-4:focus {
+ transform: translateX(1rem);
+ }
+
+ .xl\:focus\:translate-x-5:focus {
+ transform: translateX(1.25rem);
+ }
+
+ .xl\:focus\:translate-x-6:focus {
+ transform: translateX(1.5rem);
+ }
+
+ .xl\:focus\:translate-x-8:focus {
+ transform: translateX(2rem);
+ }
+
+ .xl\:focus\:translate-x-10:focus {
+ transform: translateX(2.5rem);
+ }
+
+ .xl\:focus\:translate-x-12:focus {
+ transform: translateX(3rem);
+ }
+
+ .xl\:focus\:translate-x-16:focus {
+ transform: translateX(4rem);
+ }
+
+ .xl\:focus\:translate-x-20:focus {
+ transform: translateX(5rem);
+ }
+
+ .xl\:focus\:translate-x-24:focus {
+ transform: translateX(6rem);
+ }
+
+ .xl\:focus\:translate-x-32:focus {
+ transform: translateX(8rem);
+ }
+
+ .xl\:focus\:translate-x-40:focus {
+ transform: translateX(10rem);
+ }
+
+ .xl\:focus\:translate-x-48:focus {
+ transform: translateX(12rem);
+ }
+
+ .xl\:focus\:translate-x-56:focus {
+ transform: translateX(14rem);
+ }
+
+ .xl\:focus\:translate-x-64:focus {
+ transform: translateX(16rem);
+ }
+
+ .xl\:focus\:translate-x-px:focus {
+ transform: translateX(1px);
+ }
+
+ .xl\:focus\:-translate-x-1:focus {
+ transform: translateX(-0.25rem);
+ }
+
+ .xl\:focus\:-translate-x-2:focus {
+ transform: translateX(-0.5rem);
+ }
+
+ .xl\:focus\:-translate-x-3:focus {
+ transform: translateX(-0.75rem);
+ }
+
+ .xl\:focus\:-translate-x-4:focus {
+ transform: translateX(-1rem);
+ }
+
+ .xl\:focus\:-translate-x-5:focus {
+ transform: translateX(-1.25rem);
+ }
+
+ .xl\:focus\:-translate-x-6:focus {
+ transform: translateX(-1.5rem);
+ }
+
+ .xl\:focus\:-translate-x-8:focus {
+ transform: translateX(-2rem);
+ }
+
+ .xl\:focus\:-translate-x-10:focus {
+ transform: translateX(-2.5rem);
+ }
+
+ .xl\:focus\:-translate-x-12:focus {
+ transform: translateX(-3rem);
+ }
+
+ .xl\:focus\:-translate-x-16:focus {
+ transform: translateX(-4rem);
+ }
+
+ .xl\:focus\:-translate-x-20:focus {
+ transform: translateX(-5rem);
+ }
+
+ .xl\:focus\:-translate-x-24:focus {
+ transform: translateX(-6rem);
+ }
+
+ .xl\:focus\:-translate-x-32:focus {
+ transform: translateX(-8rem);
+ }
+
+ .xl\:focus\:-translate-x-40:focus {
+ transform: translateX(-10rem);
+ }
+
+ .xl\:focus\:-translate-x-48:focus {
+ transform: translateX(-12rem);
+ }
+
+ .xl\:focus\:-translate-x-56:focus {
+ transform: translateX(-14rem);
+ }
+
+ .xl\:focus\:-translate-x-64:focus {
+ transform: translateX(-16rem);
+ }
+
+ .xl\:focus\:-translate-x-px:focus {
+ transform: translateX(-1px);
+ }
+
+ .xl\:focus\:-translate-x-full:focus {
+ transform: translateX(-100%);
+ }
+
+ .xl\:focus\:-translate-x-1\/2:focus {
+ transform: translateX(-50%);
+ }
+
+ .xl\:focus\:translate-x-1\/2:focus {
+ transform: translateX(50%);
+ }
+
+ .xl\:focus\:translate-x-full:focus {
+ transform: translateX(100%);
+ }
+
+ .xl\:focus\:translate-y-0:focus {
+ transform: translateY(0);
+ }
+
+ .xl\:focus\:translate-y-1:focus {
+ transform: translateY(0.25rem);
+ }
+
+ .xl\:focus\:translate-y-2:focus {
+ transform: translateY(0.5rem);
+ }
+
+ .xl\:focus\:translate-y-3:focus {
+ transform: translateY(0.75rem);
+ }
+
+ .xl\:focus\:translate-y-4:focus {
+ transform: translateY(1rem);
+ }
+
+ .xl\:focus\:translate-y-5:focus {
+ transform: translateY(1.25rem);
+ }
+
+ .xl\:focus\:translate-y-6:focus {
+ transform: translateY(1.5rem);
+ }
+
+ .xl\:focus\:translate-y-8:focus {
+ transform: translateY(2rem);
+ }
+
+ .xl\:focus\:translate-y-10:focus {
+ transform: translateY(2.5rem);
+ }
+
+ .xl\:focus\:translate-y-12:focus {
+ transform: translateY(3rem);
+ }
+
+ .xl\:focus\:translate-y-16:focus {
+ transform: translateY(4rem);
+ }
+
+ .xl\:focus\:translate-y-20:focus {
+ transform: translateY(5rem);
+ }
+
+ .xl\:focus\:translate-y-24:focus {
+ transform: translateY(6rem);
+ }
+
+ .xl\:focus\:translate-y-32:focus {
+ transform: translateY(8rem);
+ }
+
+ .xl\:focus\:translate-y-40:focus {
+ transform: translateY(10rem);
+ }
+
+ .xl\:focus\:translate-y-48:focus {
+ transform: translateY(12rem);
+ }
+
+ .xl\:focus\:translate-y-56:focus {
+ transform: translateY(14rem);
+ }
+
+ .xl\:focus\:translate-y-64:focus {
+ transform: translateY(16rem);
+ }
+
+ .xl\:focus\:translate-y-px:focus {
+ transform: translateY(1px);
+ }
+
+ .xl\:focus\:-translate-y-1:focus {
+ transform: translateY(-0.25rem);
+ }
+
+ .xl\:focus\:-translate-y-2:focus {
+ transform: translateY(-0.5rem);
+ }
+
+ .xl\:focus\:-translate-y-3:focus {
+ transform: translateY(-0.75rem);
+ }
+
+ .xl\:focus\:-translate-y-4:focus {
+ transform: translateY(-1rem);
+ }
+
+ .xl\:focus\:-translate-y-5:focus {
+ transform: translateY(-1.25rem);
+ }
+
+ .xl\:focus\:-translate-y-6:focus {
+ transform: translateY(-1.5rem);
+ }
+
+ .xl\:focus\:-translate-y-8:focus {
+ transform: translateY(-2rem);
+ }
+
+ .xl\:focus\:-translate-y-10:focus {
+ transform: translateY(-2.5rem);
+ }
+
+ .xl\:focus\:-translate-y-12:focus {
+ transform: translateY(-3rem);
+ }
+
+ .xl\:focus\:-translate-y-16:focus {
+ transform: translateY(-4rem);
+ }
+
+ .xl\:focus\:-translate-y-20:focus {
+ transform: translateY(-5rem);
+ }
+
+ .xl\:focus\:-translate-y-24:focus {
+ transform: translateY(-6rem);
+ }
+
+ .xl\:focus\:-translate-y-32:focus {
+ transform: translateY(-8rem);
+ }
+
+ .xl\:focus\:-translate-y-40:focus {
+ transform: translateY(-10rem);
+ }
+
+ .xl\:focus\:-translate-y-48:focus {
+ transform: translateY(-12rem);
+ }
+
+ .xl\:focus\:-translate-y-56:focus {
+ transform: translateY(-14rem);
+ }
+
+ .xl\:focus\:-translate-y-64:focus {
+ transform: translateY(-16rem);
+ }
+
+ .xl\:focus\:-translate-y-px:focus {
+ transform: translateY(-1px);
+ }
+
+ .xl\:focus\:-translate-y-full:focus {
+ transform: translateY(-100%);
+ }
+
+ .xl\:focus\:-translate-y-1\/2:focus {
+ transform: translateY(-50%);
+ }
+
+ .xl\:focus\:translate-y-1\/2:focus {
+ transform: translateY(50%);
+ }
+
+ .xl\:focus\:translate-y-full:focus {
+ transform: translateY(100%);
+ }
+
+ .xl\:skew-x-0 {
+ transform: skewX(0);
+ }
+
+ .xl\:skew-x-3 {
+ transform: skewX(3deg);
+ }
+
+ .xl\:skew-x-6 {
+ transform: skewX(6deg);
+ }
+
+ .xl\:skew-x-12 {
+ transform: skewX(12deg);
+ }
+
+ .xl\:-skew-x-12 {
+ transform: skewX(-12deg);
+ }
+
+ .xl\:-skew-x-6 {
+ transform: skewX(-6deg);
+ }
+
+ .xl\:-skew-x-3 {
+ transform: skewX(-3deg);
+ }
+
+ .xl\:skew-y-0 {
+ transform: skewY(0);
+ }
+
+ .xl\:skew-y-3 {
+ transform: skewY(3deg);
+ }
+
+ .xl\:skew-y-6 {
+ transform: skewY(6deg);
+ }
+
+ .xl\:skew-y-12 {
+ transform: skewY(12deg);
+ }
+
+ .xl\:-skew-y-12 {
+ transform: skewY(-12deg);
+ }
+
+ .xl\:-skew-y-6 {
+ transform: skewY(-6deg);
+ }
+
+ .xl\:-skew-y-3 {
+ transform: skewY(-3deg);
+ }
+
+ .xl\:hover\:skew-x-0:hover {
+ transform: skewX(0);
+ }
+
+ .xl\:hover\:skew-x-3:hover {
+ transform: skewX(3deg);
+ }
+
+ .xl\:hover\:skew-x-6:hover {
+ transform: skewX(6deg);
+ }
+
+ .xl\:hover\:skew-x-12:hover {
+ transform: skewX(12deg);
+ }
+
+ .xl\:hover\:-skew-x-12:hover {
+ transform: skewX(-12deg);
+ }
+
+ .xl\:hover\:-skew-x-6:hover {
+ transform: skewX(-6deg);
+ }
+
+ .xl\:hover\:-skew-x-3:hover {
+ transform: skewX(-3deg);
+ }
+
+ .xl\:hover\:skew-y-0:hover {
+ transform: skewY(0);
+ }
+
+ .xl\:hover\:skew-y-3:hover {
+ transform: skewY(3deg);
+ }
+
+ .xl\:hover\:skew-y-6:hover {
+ transform: skewY(6deg);
+ }
+
+ .xl\:hover\:skew-y-12:hover {
+ transform: skewY(12deg);
+ }
+
+ .xl\:hover\:-skew-y-12:hover {
+ transform: skewY(-12deg);
+ }
+
+ .xl\:hover\:-skew-y-6:hover {
+ transform: skewY(-6deg);
+ }
+
+ .xl\:hover\:-skew-y-3:hover {
+ transform: skewY(-3deg);
+ }
+
+ .xl\:focus\:skew-x-0:focus {
+ transform: skewX(0);
+ }
+
+ .xl\:focus\:skew-x-3:focus {
+ transform: skewX(3deg);
+ }
+
+ .xl\:focus\:skew-x-6:focus {
+ transform: skewX(6deg);
+ }
+
+ .xl\:focus\:skew-x-12:focus {
+ transform: skewX(12deg);
+ }
+
+ .xl\:focus\:-skew-x-12:focus {
+ transform: skewX(-12deg);
+ }
+
+ .xl\:focus\:-skew-x-6:focus {
+ transform: skewX(-6deg);
+ }
+
+ .xl\:focus\:-skew-x-3:focus {
+ transform: skewX(-3deg);
+ }
+
+ .xl\:focus\:skew-y-0:focus {
+ transform: skewY(0);
+ }
+
+ .xl\:focus\:skew-y-3:focus {
+ transform: skewY(3deg);
+ }
+
+ .xl\:focus\:skew-y-6:focus {
+ transform: skewY(6deg);
+ }
+
+ .xl\:focus\:skew-y-12:focus {
+ transform: skewY(12deg);
+ }
+
+ .xl\:focus\:-skew-y-12:focus {
+ transform: skewY(-12deg);
+ }
+
+ .xl\:focus\:-skew-y-6:focus {
+ transform: skewY(-6deg);
+ }
+
+ .xl\:focus\:-skew-y-3:focus {
+ transform: skewY(-3deg);
+ }
+
+ .xl\:transition-none {
+ transition-property: none;
+ }
+
+ .xl\:transition-all {
+ transition-property: all;
+ }
+
+ .xl\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .xl\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .xl\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .xl\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .xl\:transition-transform {
+ transition-property: transform;
+ }
+
+ .xl\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .xl\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .xl\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .xl\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .xl\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .xl\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .xl\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .xl\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .xl\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .xl\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .xl\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .xl\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .xl\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .xl\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .xl\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .xl\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .xl\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .xl\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .xl\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .xl\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .xl\:animate-none {
+ animation: none;
+ }
+
+ .xl\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .xl\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .xl\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .xl\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
+ .xl\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 513c74bd7..96dd0ef58 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -377,7 +377,6 @@ pre {
button {
background-color: transparent;
background-image: none;
- padding: 0;
}
/**
@@ -606,6 +605,1106 @@ video {
}
}
+.space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0px * var(--space-y-reverse)) !important;
+}
+
+.space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0px * var(--space-x-reverse)) !important;
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
+}
+
+.space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1px * var(--space-y-reverse)) !important;
+}
+
+.space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1px * var(--space-x-reverse)) !important;
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
+}
+
+.-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
+}
+
+.-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1px * var(--space-x-reverse)) !important;
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
+}
+
+.space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1 !important;
+}
+
+.space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1 !important;
+}
+
+.divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
+}
+
+.divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(0px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
+}
+
+.divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
+}
+
+.divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(2px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
+}
+
+.divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
+}
+
+.divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(4px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
+}
+
+.divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
+}
+
+.divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(8px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
+}
+
+.divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
+}
+
+.divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(1px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
+}
+
+.divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1 !important;
+}
+
+.divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1 !important;
+}
+
+.divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent !important;
+}
+
+.divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor !important;
+}
+
+.divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
+}
+
+.divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
+}
+
+.divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
+}
+
+.divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
+}
+
+.divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
+}
+
+.divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
+}
+
+.divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
+}
+
+.divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
+}
+
+.divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
+}
+
+.divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
+}
+
+.divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
+}
+
+.divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
+}
+
+.divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
+}
+
+.divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
+}
+
+.divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
+}
+
+.divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
+}
+
+.divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
+}
+
+.divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
+}
+
+.divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
+}
+
+.divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
+}
+
+.divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
+}
+
+.divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
+}
+
+.divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
+}
+
+.divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
+}
+
+.divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
+}
+
+.divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
+}
+
+.divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
+}
+
+.divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
+}
+
+.divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
+}
+
+.divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
+}
+
+.divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
+}
+
+.divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
+}
+
+.divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
+}
+
+.divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
+}
+
+.divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
+}
+
+.divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
+}
+
+.divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
+}
+
+.divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
+}
+
+.divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
+}
+
+.divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
+}
+
+.divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
+}
+
+.divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
+}
+
+.divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
+}
+
+.divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
+}
+
+.divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
+}
+
+.divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
+}
+
+.divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
+}
+
+.divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
+}
+
+.divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
+}
+
+.divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
+}
+
+.divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
+}
+
+.divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
+}
+
+.divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
+}
+
+.divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
+}
+
+.divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
+}
+
+.divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
+}
+
+.divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
+}
+
+.divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
+}
+
+.divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
+}
+
+.divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
+}
+
+.divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
+}
+
+.divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
+}
+
+.divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
+}
+
+.divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
+}
+
+.divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
+}
+
+.divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
+}
+
+.divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
+}
+
+.divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
+}
+
+.divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
+}
+
+.divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
+}
+
+.divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
+}
+
+.divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
+}
+
+.divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
+}
+
+.divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
+}
+
+.divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
+}
+
+.divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+}
+
+.divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0 !important;
+}
+
+.divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25 !important;
+}
+
+.divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5 !important;
+}
+
+.divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75 !important;
+}
+
+.divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+}
+
.sr-only {
position: absolute !important;
width: 1px !important;
@@ -677,371 +1776,555 @@ video {
}
.bg-black {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.bg-white {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.bg-gray-100 {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.bg-gray-200 {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.bg-gray-300 {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.bg-gray-400 {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.bg-gray-500 {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.bg-gray-600 {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.bg-gray-700 {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.bg-gray-800 {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.bg-gray-900 {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.bg-red-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.bg-red-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.bg-red-300 {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.bg-red-400 {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.bg-red-500 {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.bg-red-600 {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.bg-red-700 {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.bg-red-800 {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.bg-red-900 {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.bg-orange-100 {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.bg-orange-200 {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.bg-orange-300 {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.bg-orange-400 {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.bg-orange-500 {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.bg-orange-600 {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.bg-orange-700 {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.bg-orange-800 {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.bg-orange-900 {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.bg-yellow-100 {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.bg-yellow-200 {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.bg-yellow-300 {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.bg-yellow-400 {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.bg-yellow-500 {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.bg-yellow-600 {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.bg-yellow-700 {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.bg-yellow-800 {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.bg-yellow-900 {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.bg-green-100 {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.bg-green-200 {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.bg-green-300 {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.bg-green-400 {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.bg-green-500 {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.bg-green-600 {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.bg-green-700 {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.bg-green-800 {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.bg-green-900 {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.bg-teal-100 {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.bg-teal-200 {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.bg-teal-300 {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.bg-teal-400 {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.bg-teal-500 {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.bg-teal-600 {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.bg-teal-700 {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.bg-teal-800 {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.bg-teal-900 {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.bg-blue-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.bg-blue-200 {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.bg-blue-300 {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.bg-blue-400 {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.bg-blue-500 {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.bg-blue-600 {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.bg-blue-700 {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.bg-blue-800 {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.bg-blue-900 {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.bg-indigo-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.bg-indigo-200 {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.bg-indigo-300 {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.bg-indigo-400 {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.bg-indigo-500 {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.bg-indigo-600 {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.bg-indigo-700 {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.bg-indigo-800 {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.bg-indigo-900 {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.bg-purple-100 {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.bg-purple-200 {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.bg-purple-300 {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.bg-purple-400 {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.bg-purple-500 {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.bg-purple-600 {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.bg-purple-700 {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.bg-purple-800 {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.bg-purple-900 {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.bg-pink-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.bg-pink-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.bg-pink-300 {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.bg-pink-400 {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.bg-pink-500 {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.bg-pink-600 {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.bg-pink-700 {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.bg-pink-800 {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.bg-pink-900 {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.hover\:bg-transparent:hover {
@@ -1053,371 +2336,555 @@ video {
}
.hover\:bg-black:hover {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.hover\:bg-white:hover {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.hover\:bg-gray-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.hover\:bg-gray-200:hover {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.hover\:bg-gray-300:hover {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.hover\:bg-gray-400:hover {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.hover\:bg-gray-500:hover {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.hover\:bg-gray-600:hover {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.hover\:bg-gray-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.hover\:bg-gray-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.hover\:bg-gray-900:hover {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.hover\:bg-red-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.hover\:bg-red-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.hover\:bg-red-300:hover {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.hover\:bg-red-400:hover {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.hover\:bg-red-500:hover {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.hover\:bg-red-600:hover {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.hover\:bg-red-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.hover\:bg-red-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.hover\:bg-red-900:hover {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.hover\:bg-orange-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.hover\:bg-orange-200:hover {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.hover\:bg-orange-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.hover\:bg-orange-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.hover\:bg-orange-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.hover\:bg-orange-600:hover {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.hover\:bg-orange-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.hover\:bg-orange-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.hover\:bg-orange-900:hover {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-300:hover {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-800:hover {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.hover\:bg-yellow-900:hover {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.hover\:bg-green-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.hover\:bg-green-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.hover\:bg-green-300:hover {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.hover\:bg-green-400:hover {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.hover\:bg-green-500:hover {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.hover\:bg-green-600:hover {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.hover\:bg-green-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.hover\:bg-green-800:hover {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.hover\:bg-green-900:hover {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.hover\:bg-teal-100:hover {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.hover\:bg-teal-200:hover {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.hover\:bg-teal-300:hover {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.hover\:bg-teal-400:hover {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.hover\:bg-teal-500:hover {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.hover\:bg-teal-600:hover {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.hover\:bg-teal-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.hover\:bg-teal-800:hover {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.hover\:bg-teal-900:hover {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.hover\:bg-blue-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.hover\:bg-blue-200:hover {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.hover\:bg-blue-300:hover {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.hover\:bg-blue-400:hover {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.hover\:bg-blue-500:hover {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.hover\:bg-blue-600:hover {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.hover\:bg-blue-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.hover\:bg-blue-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.hover\:bg-blue-900:hover {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-300:hover {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-400:hover {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-500:hover {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-600:hover {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-800:hover {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.hover\:bg-indigo-900:hover {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.hover\:bg-purple-100:hover {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.hover\:bg-purple-200:hover {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.hover\:bg-purple-300:hover {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.hover\:bg-purple-400:hover {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.hover\:bg-purple-500:hover {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.hover\:bg-purple-600:hover {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.hover\:bg-purple-700:hover {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.hover\:bg-purple-800:hover {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.hover\:bg-purple-900:hover {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.hover\:bg-pink-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.hover\:bg-pink-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.hover\:bg-pink-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.hover\:bg-pink-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.hover\:bg-pink-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.hover\:bg-pink-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.hover\:bg-pink-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.hover\:bg-pink-800:hover {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.hover\:bg-pink-900:hover {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.focus\:bg-transparent:focus {
@@ -1429,371 +2896,615 @@ video {
}
.focus\:bg-black:focus {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.focus\:bg-white:focus {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.focus\:bg-gray-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.focus\:bg-gray-200:focus {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.focus\:bg-gray-300:focus {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.focus\:bg-gray-400:focus {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.focus\:bg-gray-500:focus {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.focus\:bg-gray-600:focus {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.focus\:bg-gray-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.focus\:bg-gray-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.focus\:bg-gray-900:focus {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.focus\:bg-red-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.focus\:bg-red-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.focus\:bg-red-300:focus {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.focus\:bg-red-400:focus {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.focus\:bg-red-500:focus {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.focus\:bg-red-600:focus {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.focus\:bg-red-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.focus\:bg-red-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.focus\:bg-red-900:focus {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.focus\:bg-orange-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.focus\:bg-orange-200:focus {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.focus\:bg-orange-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.focus\:bg-orange-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.focus\:bg-orange-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.focus\:bg-orange-600:focus {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.focus\:bg-orange-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.focus\:bg-orange-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.focus\:bg-orange-900:focus {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-300:focus {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-800:focus {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.focus\:bg-yellow-900:focus {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.focus\:bg-green-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.focus\:bg-green-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.focus\:bg-green-300:focus {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.focus\:bg-green-400:focus {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.focus\:bg-green-500:focus {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.focus\:bg-green-600:focus {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.focus\:bg-green-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.focus\:bg-green-800:focus {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.focus\:bg-green-900:focus {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.focus\:bg-teal-100:focus {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.focus\:bg-teal-200:focus {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.focus\:bg-teal-300:focus {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.focus\:bg-teal-400:focus {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.focus\:bg-teal-500:focus {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.focus\:bg-teal-600:focus {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.focus\:bg-teal-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.focus\:bg-teal-800:focus {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.focus\:bg-teal-900:focus {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.focus\:bg-blue-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.focus\:bg-blue-200:focus {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.focus\:bg-blue-300:focus {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.focus\:bg-blue-400:focus {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.focus\:bg-blue-500:focus {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.focus\:bg-blue-600:focus {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.focus\:bg-blue-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.focus\:bg-blue-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.focus\:bg-blue-900:focus {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-300:focus {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-400:focus {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-500:focus {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-600:focus {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-800:focus {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.focus\:bg-indigo-900:focus {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.focus\:bg-purple-100:focus {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.focus\:bg-purple-200:focus {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.focus\:bg-purple-300:focus {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.focus\:bg-purple-400:focus {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.focus\:bg-purple-500:focus {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.focus\:bg-purple-600:focus {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.focus\:bg-purple-700:focus {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.focus\:bg-purple-800:focus {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.focus\:bg-purple-900:focus {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.focus\:bg-pink-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.focus\:bg-pink-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.focus\:bg-pink-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.focus\:bg-pink-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.focus\:bg-pink-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.focus\:bg-pink-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.focus\:bg-pink-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.focus\:bg-pink-800:focus {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.focus\:bg-pink-900:focus {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+}
+
+.bg-opacity-0 {
+ --bg-opacity: 0 !important;
+}
+
+.bg-opacity-25 {
+ --bg-opacity: 0.25 !important;
+}
+
+.bg-opacity-50 {
+ --bg-opacity: 0.5 !important;
+}
+
+.bg-opacity-75 {
+ --bg-opacity: 0.75 !important;
+}
+
+.bg-opacity-100 {
+ --bg-opacity: 1 !important;
+}
+
+.hover\:bg-opacity-0:hover {
+ --bg-opacity: 0 !important;
+}
+
+.hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25 !important;
+}
+
+.hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5 !important;
+}
+
+.hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75 !important;
+}
+
+.hover\:bg-opacity-100:hover {
+ --bg-opacity: 1 !important;
+}
+
+.focus\:bg-opacity-0:focus {
+ --bg-opacity: 0 !important;
+}
+
+.focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25 !important;
+}
+
+.focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5 !important;
+}
+
+.focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75 !important;
+}
+
+.focus\:bg-opacity-100:focus {
+ --bg-opacity: 1 !important;
}
.bg-bottom {
@@ -1885,371 +3596,555 @@ video {
}
.border-black {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.border-white {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.border-gray-100 {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.border-gray-200 {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.border-gray-300 {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.border-gray-400 {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.border-gray-500 {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.border-gray-600 {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.border-gray-700 {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.border-gray-800 {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.border-gray-900 {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.border-red-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.border-red-200 {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.border-red-300 {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.border-red-400 {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.border-red-500 {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.border-red-600 {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.border-red-700 {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.border-red-800 {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.border-red-900 {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.border-orange-100 {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.border-orange-200 {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.border-orange-300 {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.border-orange-400 {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.border-orange-500 {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.border-orange-600 {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.border-orange-700 {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.border-orange-800 {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.border-orange-900 {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.border-yellow-100 {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.border-yellow-200 {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.border-yellow-300 {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.border-yellow-400 {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.border-yellow-500 {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.border-yellow-600 {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.border-yellow-700 {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.border-yellow-800 {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.border-yellow-900 {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.border-green-100 {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.border-green-200 {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.border-green-300 {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.border-green-400 {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.border-green-500 {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.border-green-600 {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.border-green-700 {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.border-green-800 {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.border-green-900 {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.border-teal-100 {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.border-teal-200 {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.border-teal-300 {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.border-teal-400 {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.border-teal-500 {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.border-teal-600 {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.border-teal-700 {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.border-teal-800 {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.border-teal-900 {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.border-blue-100 {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.border-blue-200 {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.border-blue-300 {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.border-blue-400 {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.border-blue-500 {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.border-blue-600 {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.border-blue-700 {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.border-blue-800 {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.border-blue-900 {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.border-indigo-100 {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.border-indigo-200 {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.border-indigo-300 {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.border-indigo-400 {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.border-indigo-500 {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.border-indigo-600 {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.border-indigo-700 {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.border-indigo-800 {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.border-indigo-900 {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.border-purple-100 {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.border-purple-200 {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.border-purple-300 {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.border-purple-400 {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.border-purple-500 {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.border-purple-600 {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.border-purple-700 {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.border-purple-800 {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.border-purple-900 {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.border-pink-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.border-pink-200 {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.border-pink-300 {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.border-pink-400 {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.border-pink-500 {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.border-pink-600 {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.border-pink-700 {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.border-pink-800 {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.border-pink-900 {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.hover\:border-transparent:hover {
@@ -2261,371 +4156,555 @@ video {
}
.hover\:border-black:hover {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.hover\:border-white:hover {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.hover\:border-gray-100:hover {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.hover\:border-gray-200:hover {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.hover\:border-gray-300:hover {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.hover\:border-gray-400:hover {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.hover\:border-gray-500:hover {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.hover\:border-gray-600:hover {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.hover\:border-gray-700:hover {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.hover\:border-gray-800:hover {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.hover\:border-gray-900:hover {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.hover\:border-red-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.hover\:border-red-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.hover\:border-red-300:hover {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.hover\:border-red-400:hover {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.hover\:border-red-500:hover {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.hover\:border-red-600:hover {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.hover\:border-red-700:hover {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.hover\:border-red-800:hover {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.hover\:border-red-900:hover {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.hover\:border-orange-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.hover\:border-orange-200:hover {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.hover\:border-orange-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.hover\:border-orange-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.hover\:border-orange-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.hover\:border-orange-600:hover {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.hover\:border-orange-700:hover {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.hover\:border-orange-800:hover {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.hover\:border-orange-900:hover {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.hover\:border-yellow-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.hover\:border-yellow-200:hover {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.hover\:border-yellow-300:hover {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.hover\:border-yellow-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.hover\:border-yellow-500:hover {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.hover\:border-yellow-600:hover {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.hover\:border-yellow-700:hover {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.hover\:border-yellow-800:hover {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.hover\:border-yellow-900:hover {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.hover\:border-green-100:hover {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.hover\:border-green-200:hover {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.hover\:border-green-300:hover {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.hover\:border-green-400:hover {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.hover\:border-green-500:hover {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.hover\:border-green-600:hover {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.hover\:border-green-700:hover {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.hover\:border-green-800:hover {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.hover\:border-green-900:hover {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.hover\:border-teal-100:hover {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.hover\:border-teal-200:hover {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.hover\:border-teal-300:hover {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.hover\:border-teal-400:hover {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.hover\:border-teal-500:hover {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.hover\:border-teal-600:hover {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.hover\:border-teal-700:hover {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.hover\:border-teal-800:hover {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.hover\:border-teal-900:hover {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.hover\:border-blue-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.hover\:border-blue-200:hover {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.hover\:border-blue-300:hover {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.hover\:border-blue-400:hover {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.hover\:border-blue-500:hover {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.hover\:border-blue-600:hover {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.hover\:border-blue-700:hover {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.hover\:border-blue-800:hover {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.hover\:border-blue-900:hover {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.hover\:border-indigo-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.hover\:border-indigo-200:hover {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.hover\:border-indigo-300:hover {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.hover\:border-indigo-400:hover {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.hover\:border-indigo-500:hover {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.hover\:border-indigo-600:hover {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.hover\:border-indigo-700:hover {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.hover\:border-indigo-800:hover {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.hover\:border-indigo-900:hover {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.hover\:border-purple-100:hover {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.hover\:border-purple-200:hover {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.hover\:border-purple-300:hover {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.hover\:border-purple-400:hover {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.hover\:border-purple-500:hover {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.hover\:border-purple-600:hover {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.hover\:border-purple-700:hover {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.hover\:border-purple-800:hover {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.hover\:border-purple-900:hover {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.hover\:border-pink-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.hover\:border-pink-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.hover\:border-pink-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.hover\:border-pink-400:hover {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.hover\:border-pink-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.hover\:border-pink-600:hover {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.hover\:border-pink-700:hover {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.hover\:border-pink-800:hover {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.hover\:border-pink-900:hover {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.focus\:border-transparent:focus {
@@ -2637,371 +4716,615 @@ video {
}
.focus\:border-black:focus {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.focus\:border-white:focus {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.focus\:border-gray-100:focus {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.focus\:border-gray-200:focus {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.focus\:border-gray-300:focus {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.focus\:border-gray-400:focus {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.focus\:border-gray-500:focus {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.focus\:border-gray-600:focus {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.focus\:border-gray-700:focus {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.focus\:border-gray-800:focus {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.focus\:border-gray-900:focus {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.focus\:border-red-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.focus\:border-red-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.focus\:border-red-300:focus {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.focus\:border-red-400:focus {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.focus\:border-red-500:focus {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.focus\:border-red-600:focus {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.focus\:border-red-700:focus {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.focus\:border-red-800:focus {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.focus\:border-red-900:focus {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.focus\:border-orange-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.focus\:border-orange-200:focus {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.focus\:border-orange-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.focus\:border-orange-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.focus\:border-orange-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.focus\:border-orange-600:focus {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.focus\:border-orange-700:focus {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.focus\:border-orange-800:focus {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.focus\:border-orange-900:focus {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.focus\:border-yellow-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.focus\:border-yellow-200:focus {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.focus\:border-yellow-300:focus {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.focus\:border-yellow-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.focus\:border-yellow-500:focus {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.focus\:border-yellow-600:focus {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.focus\:border-yellow-700:focus {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.focus\:border-yellow-800:focus {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.focus\:border-yellow-900:focus {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.focus\:border-green-100:focus {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.focus\:border-green-200:focus {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.focus\:border-green-300:focus {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.focus\:border-green-400:focus {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.focus\:border-green-500:focus {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.focus\:border-green-600:focus {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.focus\:border-green-700:focus {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.focus\:border-green-800:focus {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.focus\:border-green-900:focus {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.focus\:border-teal-100:focus {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.focus\:border-teal-200:focus {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.focus\:border-teal-300:focus {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.focus\:border-teal-400:focus {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.focus\:border-teal-500:focus {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.focus\:border-teal-600:focus {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.focus\:border-teal-700:focus {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.focus\:border-teal-800:focus {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.focus\:border-teal-900:focus {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.focus\:border-blue-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.focus\:border-blue-200:focus {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.focus\:border-blue-300:focus {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.focus\:border-blue-400:focus {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.focus\:border-blue-500:focus {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.focus\:border-blue-600:focus {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.focus\:border-blue-700:focus {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.focus\:border-blue-800:focus {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.focus\:border-blue-900:focus {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.focus\:border-indigo-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.focus\:border-indigo-200:focus {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.focus\:border-indigo-300:focus {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.focus\:border-indigo-400:focus {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.focus\:border-indigo-500:focus {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.focus\:border-indigo-600:focus {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.focus\:border-indigo-700:focus {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.focus\:border-indigo-800:focus {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.focus\:border-indigo-900:focus {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.focus\:border-purple-100:focus {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.focus\:border-purple-200:focus {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.focus\:border-purple-300:focus {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.focus\:border-purple-400:focus {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.focus\:border-purple-500:focus {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.focus\:border-purple-600:focus {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.focus\:border-purple-700:focus {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.focus\:border-purple-800:focus {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.focus\:border-purple-900:focus {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.focus\:border-pink-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.focus\:border-pink-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.focus\:border-pink-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.focus\:border-pink-400:focus {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.focus\:border-pink-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.focus\:border-pink-600:focus {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.focus\:border-pink-700:focus {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.focus\:border-pink-800:focus {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.focus\:border-pink-900:focus {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+}
+
+.border-opacity-0 {
+ --border-opacity: 0 !important;
+}
+
+.border-opacity-25 {
+ --border-opacity: 0.25 !important;
+}
+
+.border-opacity-50 {
+ --border-opacity: 0.5 !important;
+}
+
+.border-opacity-75 {
+ --border-opacity: 0.75 !important;
+}
+
+.border-opacity-100 {
+ --border-opacity: 1 !important;
+}
+
+.hover\:border-opacity-0:hover {
+ --border-opacity: 0 !important;
+}
+
+.hover\:border-opacity-25:hover {
+ --border-opacity: 0.25 !important;
+}
+
+.hover\:border-opacity-50:hover {
+ --border-opacity: 0.5 !important;
+}
+
+.hover\:border-opacity-75:hover {
+ --border-opacity: 0.75 !important;
+}
+
+.hover\:border-opacity-100:hover {
+ --border-opacity: 1 !important;
+}
+
+.focus\:border-opacity-0:focus {
+ --border-opacity: 0 !important;
+}
+
+.focus\:border-opacity-25:focus {
+ --border-opacity: 0.25 !important;
+}
+
+.focus\:border-opacity-50:focus {
+ --border-opacity: 0.5 !important;
+}
+
+.focus\:border-opacity-75:focus {
+ --border-opacity: 0.75 !important;
+}
+
+.focus\:border-opacity-100:focus {
+ --border-opacity: 1 !important;
}
.rounded-none {
@@ -3412,10 +5735,6 @@ video {
display: inline !important;
}
-.flow-root {
- display: flow-root !important;
-}
-
.flex {
display: flex !important;
}
@@ -3424,14 +5743,6 @@ video {
display: inline-flex !important;
}
-.grid {
- display: grid !important;
-}
-
-.inline-grid {
- display: inline-grid !important;
-}
-
.table {
display: table !important;
}
@@ -3468,6 +5779,18 @@ video {
display: table-row !important;
}
+.flow-root {
+ display: flow-root !important;
+}
+
+.grid {
+ display: grid !important;
+}
+
+.inline-grid {
+ display: inline-grid !important;
+}
+
.hidden {
display: none !important;
}
@@ -3918,6 +6241,46 @@ video {
height: 100vh !important;
}
+.text-xs {
+ font-size: 0.75rem !important;
+}
+
+.text-sm {
+ font-size: 0.875rem !important;
+}
+
+.text-base {
+ font-size: 1rem !important;
+}
+
+.text-lg {
+ font-size: 1.125rem !important;
+}
+
+.text-xl {
+ font-size: 1.25rem !important;
+}
+
+.text-2xl {
+ font-size: 1.5rem !important;
+}
+
+.text-3xl {
+ font-size: 1.875rem !important;
+}
+
+.text-4xl {
+ font-size: 2.25rem !important;
+}
+
+.text-5xl {
+ font-size: 3rem !important;
+}
+
+.text-6xl {
+ font-size: 4rem !important;
+}
+
.leading-3 {
line-height: .75rem !important;
}
@@ -5406,6 +7769,42 @@ video {
-webkit-overflow-scrolling: auto !important;
}
+.overscroll-auto {
+ overscroll-behavior: auto !important;
+}
+
+.overscroll-contain {
+ overscroll-behavior: contain !important;
+}
+
+.overscroll-none {
+ overscroll-behavior: none !important;
+}
+
+.overscroll-y-auto {
+ overscroll-behavior-y: auto !important;
+}
+
+.overscroll-y-contain {
+ overscroll-behavior-y: contain !important;
+}
+
+.overscroll-y-none {
+ overscroll-behavior-y: none !important;
+}
+
+.overscroll-x-auto {
+ overscroll-behavior-x: auto !important;
+}
+
+.overscroll-x-contain {
+ overscroll-behavior-x: contain !important;
+}
+
+.overscroll-x-none {
+ overscroll-behavior-x: none !important;
+}
+
.p-0 {
padding: 0 !important;
}
@@ -5985,371 +8384,555 @@ video {
}
.placeholder-black::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.placeholder-white::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.placeholder-red-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.placeholder-red-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.placeholder-red-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.placeholder-red-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.placeholder-red-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.placeholder-red-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.placeholder-red-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.placeholder-red-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.placeholder-red-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.placeholder-green-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.placeholder-green-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.placeholder-green-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.placeholder-green-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.placeholder-green-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.placeholder-green-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.placeholder-green-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.placeholder-green-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.placeholder-green-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-transparent:focus::placeholder {
@@ -6361,371 +8944,595 @@ video {
}
.focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+}
+
+.placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0 !important;
+}
+
+.placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25 !important;
+}
+
+.placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5 !important;
+}
+
+.placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75 !important;
+}
+
+.placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1 !important;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0 !important;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25 !important;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5 !important;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75 !important;
+}
+
+.focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
}
.pointer-events-none {
@@ -7011,371 +9818,555 @@ video {
}
.text-black {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.text-white {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.text-gray-100 {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.text-gray-200 {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.text-gray-300 {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.text-gray-400 {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.text-gray-500 {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.text-gray-600 {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.text-gray-700 {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.text-gray-800 {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.text-gray-900 {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.text-red-100 {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.text-red-200 {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.text-red-300 {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.text-red-400 {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.text-red-500 {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.text-red-600 {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.text-red-700 {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.text-red-800 {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.text-red-900 {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.text-orange-100 {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.text-orange-200 {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.text-orange-300 {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.text-orange-400 {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.text-orange-500 {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.text-orange-600 {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.text-orange-700 {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.text-orange-800 {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.text-orange-900 {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.text-yellow-100 {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.text-yellow-200 {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.text-yellow-300 {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.text-yellow-400 {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.text-yellow-500 {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.text-yellow-600 {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.text-yellow-700 {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.text-yellow-800 {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.text-yellow-900 {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.text-green-100 {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.text-green-200 {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.text-green-300 {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.text-green-400 {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.text-green-500 {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.text-green-600 {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.text-green-700 {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.text-green-800 {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.text-green-900 {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.text-teal-100 {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.text-teal-200 {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.text-teal-300 {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.text-teal-400 {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.text-teal-500 {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.text-teal-600 {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.text-teal-700 {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.text-teal-800 {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.text-teal-900 {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.text-blue-100 {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.text-blue-200 {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.text-blue-300 {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.text-blue-400 {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.text-blue-500 {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.text-blue-600 {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.text-blue-700 {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.text-blue-800 {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.text-blue-900 {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.text-indigo-100 {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.text-indigo-200 {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.text-indigo-300 {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.text-indigo-400 {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.text-indigo-500 {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.text-indigo-600 {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.text-indigo-700 {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.text-indigo-800 {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.text-indigo-900 {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.text-purple-100 {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.text-purple-200 {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.text-purple-300 {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.text-purple-400 {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.text-purple-500 {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.text-purple-600 {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.text-purple-700 {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.text-purple-800 {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.text-purple-900 {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.text-pink-100 {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.text-pink-200 {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.text-pink-300 {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.text-pink-400 {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.text-pink-500 {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.text-pink-600 {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.text-pink-700 {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.text-pink-800 {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.text-pink-900 {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.hover\:text-transparent:hover {
@@ -7387,371 +10378,555 @@ video {
}
.hover\:text-black:hover {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.hover\:text-white:hover {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.hover\:text-gray-100:hover {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.hover\:text-gray-200:hover {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.hover\:text-gray-300:hover {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.hover\:text-gray-400:hover {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.hover\:text-gray-500:hover {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.hover\:text-gray-600:hover {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.hover\:text-gray-700:hover {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.hover\:text-gray-800:hover {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.hover\:text-gray-900:hover {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.hover\:text-red-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.hover\:text-red-200:hover {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.hover\:text-red-300:hover {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.hover\:text-red-400:hover {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.hover\:text-red-500:hover {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.hover\:text-red-600:hover {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.hover\:text-red-700:hover {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.hover\:text-red-800:hover {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.hover\:text-red-900:hover {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.hover\:text-orange-100:hover {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.hover\:text-orange-200:hover {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.hover\:text-orange-300:hover {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.hover\:text-orange-400:hover {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.hover\:text-orange-500:hover {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.hover\:text-orange-600:hover {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.hover\:text-orange-700:hover {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.hover\:text-orange-800:hover {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.hover\:text-orange-900:hover {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.hover\:text-yellow-100:hover {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.hover\:text-yellow-200:hover {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.hover\:text-yellow-300:hover {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.hover\:text-yellow-400:hover {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.hover\:text-yellow-500:hover {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.hover\:text-yellow-600:hover {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.hover\:text-yellow-700:hover {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.hover\:text-yellow-800:hover {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.hover\:text-yellow-900:hover {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.hover\:text-green-100:hover {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.hover\:text-green-200:hover {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.hover\:text-green-300:hover {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.hover\:text-green-400:hover {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.hover\:text-green-500:hover {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.hover\:text-green-600:hover {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.hover\:text-green-700:hover {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.hover\:text-green-800:hover {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.hover\:text-green-900:hover {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.hover\:text-teal-100:hover {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.hover\:text-teal-200:hover {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.hover\:text-teal-300:hover {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.hover\:text-teal-400:hover {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.hover\:text-teal-500:hover {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.hover\:text-teal-600:hover {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.hover\:text-teal-700:hover {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.hover\:text-teal-800:hover {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.hover\:text-teal-900:hover {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.hover\:text-blue-100:hover {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.hover\:text-blue-200:hover {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.hover\:text-blue-300:hover {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.hover\:text-blue-400:hover {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.hover\:text-blue-500:hover {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.hover\:text-blue-600:hover {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.hover\:text-blue-700:hover {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.hover\:text-blue-800:hover {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.hover\:text-blue-900:hover {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.hover\:text-indigo-100:hover {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.hover\:text-indigo-200:hover {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.hover\:text-indigo-300:hover {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.hover\:text-indigo-400:hover {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.hover\:text-indigo-500:hover {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.hover\:text-indigo-600:hover {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.hover\:text-indigo-700:hover {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.hover\:text-indigo-800:hover {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.hover\:text-indigo-900:hover {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.hover\:text-purple-100:hover {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.hover\:text-purple-200:hover {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.hover\:text-purple-300:hover {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.hover\:text-purple-400:hover {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.hover\:text-purple-500:hover {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.hover\:text-purple-600:hover {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.hover\:text-purple-700:hover {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.hover\:text-purple-800:hover {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.hover\:text-purple-900:hover {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.hover\:text-pink-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.hover\:text-pink-200:hover {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.hover\:text-pink-300:hover {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.hover\:text-pink-400:hover {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.hover\:text-pink-500:hover {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.hover\:text-pink-600:hover {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.hover\:text-pink-700:hover {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.hover\:text-pink-800:hover {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.hover\:text-pink-900:hover {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.focus\:text-transparent:focus {
@@ -7763,411 +10938,615 @@ video {
}
.focus\:text-black:focus {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.focus\:text-white:focus {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.focus\:text-gray-100:focus {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.focus\:text-gray-200:focus {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.focus\:text-gray-300:focus {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.focus\:text-gray-400:focus {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.focus\:text-gray-500:focus {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.focus\:text-gray-600:focus {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.focus\:text-gray-700:focus {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.focus\:text-gray-800:focus {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.focus\:text-gray-900:focus {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.focus\:text-red-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.focus\:text-red-200:focus {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.focus\:text-red-300:focus {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.focus\:text-red-400:focus {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.focus\:text-red-500:focus {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.focus\:text-red-600:focus {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.focus\:text-red-700:focus {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.focus\:text-red-800:focus {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.focus\:text-red-900:focus {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.focus\:text-orange-100:focus {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.focus\:text-orange-200:focus {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.focus\:text-orange-300:focus {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.focus\:text-orange-400:focus {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.focus\:text-orange-500:focus {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.focus\:text-orange-600:focus {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.focus\:text-orange-700:focus {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.focus\:text-orange-800:focus {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.focus\:text-orange-900:focus {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.focus\:text-yellow-100:focus {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.focus\:text-yellow-200:focus {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.focus\:text-yellow-300:focus {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.focus\:text-yellow-400:focus {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.focus\:text-yellow-500:focus {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.focus\:text-yellow-600:focus {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.focus\:text-yellow-700:focus {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.focus\:text-yellow-800:focus {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.focus\:text-yellow-900:focus {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.focus\:text-green-100:focus {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.focus\:text-green-200:focus {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.focus\:text-green-300:focus {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.focus\:text-green-400:focus {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.focus\:text-green-500:focus {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.focus\:text-green-600:focus {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.focus\:text-green-700:focus {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.focus\:text-green-800:focus {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.focus\:text-green-900:focus {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.focus\:text-teal-100:focus {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.focus\:text-teal-200:focus {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.focus\:text-teal-300:focus {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.focus\:text-teal-400:focus {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.focus\:text-teal-500:focus {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.focus\:text-teal-600:focus {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.focus\:text-teal-700:focus {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.focus\:text-teal-800:focus {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.focus\:text-teal-900:focus {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.focus\:text-blue-100:focus {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.focus\:text-blue-200:focus {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.focus\:text-blue-300:focus {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.focus\:text-blue-400:focus {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.focus\:text-blue-500:focus {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.focus\:text-blue-600:focus {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.focus\:text-blue-700:focus {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.focus\:text-blue-800:focus {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.focus\:text-blue-900:focus {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.focus\:text-indigo-100:focus {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.focus\:text-indigo-200:focus {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.focus\:text-indigo-300:focus {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.focus\:text-indigo-400:focus {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.focus\:text-indigo-500:focus {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.focus\:text-indigo-600:focus {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.focus\:text-indigo-700:focus {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.focus\:text-indigo-800:focus {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.focus\:text-indigo-900:focus {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.focus\:text-purple-100:focus {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.focus\:text-purple-200:focus {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.focus\:text-purple-300:focus {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.focus\:text-purple-400:focus {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.focus\:text-purple-500:focus {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.focus\:text-purple-600:focus {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.focus\:text-purple-700:focus {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.focus\:text-purple-800:focus {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.focus\:text-purple-900:focus {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.focus\:text-pink-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.focus\:text-pink-200:focus {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.focus\:text-pink-300:focus {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.focus\:text-pink-400:focus {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.focus\:text-pink-500:focus {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.focus\:text-pink-600:focus {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.focus\:text-pink-700:focus {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.focus\:text-pink-800:focus {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.focus\:text-pink-900:focus {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
-.text-xs {
- font-size: 0.75rem !important;
+.text-opacity-0 {
+ --text-opacity: 0 !important;
}
-.text-sm {
- font-size: 0.875rem !important;
+.text-opacity-25 {
+ --text-opacity: 0.25 !important;
}
-.text-base {
- font-size: 1rem !important;
+.text-opacity-50 {
+ --text-opacity: 0.5 !important;
}
-.text-lg {
- font-size: 1.125rem !important;
+.text-opacity-75 {
+ --text-opacity: 0.75 !important;
}
-.text-xl {
- font-size: 1.25rem !important;
+.text-opacity-100 {
+ --text-opacity: 1 !important;
}
-.text-2xl {
- font-size: 1.5rem !important;
+.hover\:text-opacity-0:hover {
+ --text-opacity: 0 !important;
}
-.text-3xl {
- font-size: 1.875rem !important;
+.hover\:text-opacity-25:hover {
+ --text-opacity: 0.25 !important;
}
-.text-4xl {
- font-size: 2.25rem !important;
+.hover\:text-opacity-50:hover {
+ --text-opacity: 0.5 !important;
}
-.text-5xl {
- font-size: 3rem !important;
+.hover\:text-opacity-75:hover {
+ --text-opacity: 0.75 !important;
}
-.text-6xl {
- font-size: 4rem !important;
+.hover\:text-opacity-100:hover {
+ --text-opacity: 1 !important;
+}
+
+.focus\:text-opacity-0:focus {
+ --text-opacity: 0 !important;
+}
+
+.focus\:text-opacity-25:focus {
+ --text-opacity: 0.25 !important;
+}
+
+.focus\:text-opacity-50:focus {
+ --text-opacity: 0.5 !important;
+}
+
+.focus\:text-opacity-75:focus {
+ --text-opacity: 0.75 !important;
+}
+
+.focus\:text-opacity-100:focus {
+ --text-opacity: 1 !important;
}
.italic {
@@ -10993,12 +14372,1204 @@ video {
transition-delay: 1000ms !important;
}
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes ping {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: .5;
+ }
+}
+
+@keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
+ }
+
+ 50% {
+ transform: translateY(0);
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
+ }
+}
+
+.animate-none {
+ animation: none !important;
+}
+
+.animate-spin {
+ animation: spin 1s linear infinite !important;
+}
+
+.animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
+}
+
+.animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
+}
+
+.animate-bounce {
+ animation: bounce 1s infinite !important;
+}
+
.example {
font-weight: 700;
color: #f56565;
}
@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;
+ }
+ }
+
+ .sm\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0px * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0px * var(--space-x-reverse)) !important;
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1px * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1px * var(--space-x-reverse)) !important;
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
+ }
+
+ .sm\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1px * var(--space-x-reverse)) !important;
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .sm\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1 !important;
+ }
+
+ .sm\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1 !important;
+ }
+
+ .sm\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
+ }
+
+ .sm\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(0px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .sm\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
+ }
+
+ .sm\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(2px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .sm\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
+ }
+
+ .sm\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(4px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .sm\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
+ }
+
+ .sm\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(8px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .sm\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
+ }
+
+ .sm\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(1px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .sm\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1 !important;
+ }
+
+ .sm\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1 !important;
+ }
+
+ .sm\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent !important;
+ }
+
+ .sm\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor !important;
+ }
+
+ .sm\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+ }
+
+ .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0 !important;
+ }
+
+ .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25 !important;
+ }
+
+ .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5 !important;
+ }
+
+ .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75 !important;
+ }
+
+ .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ }
+
.sm\:sr-only {
position: absolute !important;
width: 1px !important;
@@ -11070,371 +15641,555 @@ video {
}
.sm\:bg-black {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.sm\:bg-white {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.sm\:bg-gray-100 {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.sm\:bg-gray-200 {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.sm\:bg-gray-300 {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.sm\:bg-gray-400 {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.sm\:bg-gray-500 {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.sm\:bg-gray-600 {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.sm\:bg-gray-700 {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.sm\:bg-gray-800 {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.sm\:bg-gray-900 {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.sm\:bg-red-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.sm\:bg-red-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.sm\:bg-red-300 {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.sm\:bg-red-400 {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.sm\:bg-red-500 {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.sm\:bg-red-600 {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.sm\:bg-red-700 {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.sm\:bg-red-800 {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.sm\:bg-red-900 {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.sm\:bg-orange-100 {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.sm\:bg-orange-200 {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.sm\:bg-orange-300 {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.sm\:bg-orange-400 {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.sm\:bg-orange-500 {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.sm\:bg-orange-600 {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.sm\:bg-orange-700 {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.sm\:bg-orange-800 {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.sm\:bg-orange-900 {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-100 {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-200 {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-300 {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-400 {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-500 {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-600 {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-700 {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-800 {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.sm\:bg-yellow-900 {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.sm\:bg-green-100 {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.sm\:bg-green-200 {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.sm\:bg-green-300 {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.sm\:bg-green-400 {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.sm\:bg-green-500 {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.sm\:bg-green-600 {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.sm\:bg-green-700 {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.sm\:bg-green-800 {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.sm\:bg-green-900 {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.sm\:bg-teal-100 {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.sm\:bg-teal-200 {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.sm\:bg-teal-300 {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.sm\:bg-teal-400 {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.sm\:bg-teal-500 {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.sm\:bg-teal-600 {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.sm\:bg-teal-700 {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.sm\:bg-teal-800 {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.sm\:bg-teal-900 {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.sm\:bg-blue-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.sm\:bg-blue-200 {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.sm\:bg-blue-300 {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.sm\:bg-blue-400 {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.sm\:bg-blue-500 {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.sm\:bg-blue-600 {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.sm\:bg-blue-700 {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.sm\:bg-blue-800 {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.sm\:bg-blue-900 {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-200 {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-300 {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-400 {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-500 {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-600 {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-700 {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-800 {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.sm\:bg-indigo-900 {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.sm\:bg-purple-100 {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.sm\:bg-purple-200 {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.sm\:bg-purple-300 {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.sm\:bg-purple-400 {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.sm\:bg-purple-500 {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.sm\:bg-purple-600 {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.sm\:bg-purple-700 {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.sm\:bg-purple-800 {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.sm\:bg-purple-900 {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.sm\:bg-pink-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.sm\:bg-pink-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.sm\:bg-pink-300 {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.sm\:bg-pink-400 {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.sm\:bg-pink-500 {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.sm\:bg-pink-600 {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.sm\:bg-pink-700 {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.sm\:bg-pink-800 {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.sm\:bg-pink-900 {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-transparent:hover {
@@ -11446,371 +16201,555 @@ video {
}
.sm\:hover\:bg-black:hover {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-white:hover {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-300:hover {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-400:hover {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-500:hover {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-600:hover {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-red-900:hover {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-300:hover {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-400:hover {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-500:hover {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-600:hover {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-800:hover {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-green-900:hover {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.sm\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-transparent:focus {
@@ -11822,371 +16761,615 @@ video {
}
.sm\:focus\:bg-black:focus {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-white:focus {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-300:focus {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-400:focus {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-500:focus {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-600:focus {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-red-900:focus {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-300:focus {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-400:focus {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-500:focus {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-600:focus {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-800:focus {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-green-900:focus {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.sm\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+ }
+
+ .sm\:bg-opacity-0 {
+ --bg-opacity: 0 !important;
+ }
+
+ .sm\:bg-opacity-25 {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .sm\:bg-opacity-50 {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .sm\:bg-opacity-75 {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .sm\:bg-opacity-100 {
+ --bg-opacity: 1 !important;
+ }
+
+ .sm\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0 !important;
+ }
+
+ .sm\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .sm\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .sm\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .sm\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1 !important;
+ }
+
+ .sm\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0 !important;
+ }
+
+ .sm\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .sm\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .sm\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .sm\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1 !important;
}
.sm\:bg-bottom {
@@ -12278,371 +17461,555 @@ video {
}
.sm\:border-black {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.sm\:border-white {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.sm\:border-gray-100 {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.sm\:border-gray-200 {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.sm\:border-gray-300 {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.sm\:border-gray-400 {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.sm\:border-gray-500 {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.sm\:border-gray-600 {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.sm\:border-gray-700 {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.sm\:border-gray-800 {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.sm\:border-gray-900 {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.sm\:border-red-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.sm\:border-red-200 {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.sm\:border-red-300 {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.sm\:border-red-400 {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.sm\:border-red-500 {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.sm\:border-red-600 {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.sm\:border-red-700 {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.sm\:border-red-800 {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.sm\:border-red-900 {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.sm\:border-orange-100 {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.sm\:border-orange-200 {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.sm\:border-orange-300 {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.sm\:border-orange-400 {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.sm\:border-orange-500 {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.sm\:border-orange-600 {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.sm\:border-orange-700 {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.sm\:border-orange-800 {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.sm\:border-orange-900 {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.sm\:border-yellow-100 {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.sm\:border-yellow-200 {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.sm\:border-yellow-300 {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.sm\:border-yellow-400 {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.sm\:border-yellow-500 {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.sm\:border-yellow-600 {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.sm\:border-yellow-700 {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.sm\:border-yellow-800 {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.sm\:border-yellow-900 {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.sm\:border-green-100 {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.sm\:border-green-200 {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.sm\:border-green-300 {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.sm\:border-green-400 {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.sm\:border-green-500 {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.sm\:border-green-600 {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.sm\:border-green-700 {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.sm\:border-green-800 {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.sm\:border-green-900 {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.sm\:border-teal-100 {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.sm\:border-teal-200 {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.sm\:border-teal-300 {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.sm\:border-teal-400 {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.sm\:border-teal-500 {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.sm\:border-teal-600 {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.sm\:border-teal-700 {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.sm\:border-teal-800 {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.sm\:border-teal-900 {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.sm\:border-blue-100 {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.sm\:border-blue-200 {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.sm\:border-blue-300 {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.sm\:border-blue-400 {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.sm\:border-blue-500 {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.sm\:border-blue-600 {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.sm\:border-blue-700 {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.sm\:border-blue-800 {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.sm\:border-blue-900 {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.sm\:border-indigo-100 {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.sm\:border-indigo-200 {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.sm\:border-indigo-300 {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.sm\:border-indigo-400 {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.sm\:border-indigo-500 {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.sm\:border-indigo-600 {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.sm\:border-indigo-700 {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.sm\:border-indigo-800 {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.sm\:border-indigo-900 {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.sm\:border-purple-100 {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.sm\:border-purple-200 {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.sm\:border-purple-300 {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.sm\:border-purple-400 {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.sm\:border-purple-500 {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.sm\:border-purple-600 {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.sm\:border-purple-700 {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.sm\:border-purple-800 {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.sm\:border-purple-900 {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.sm\:border-pink-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.sm\:border-pink-200 {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.sm\:border-pink-300 {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.sm\:border-pink-400 {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.sm\:border-pink-500 {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.sm\:border-pink-600 {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.sm\:border-pink-700 {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.sm\:border-pink-800 {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.sm\:border-pink-900 {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.sm\:hover\:border-transparent:hover {
@@ -12654,371 +18021,555 @@ video {
}
.sm\:hover\:border-black:hover {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.sm\:hover\:border-white:hover {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-100:hover {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-200:hover {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-300:hover {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-400:hover {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-500:hover {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-600:hover {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-700:hover {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-800:hover {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.sm\:hover\:border-gray-900:hover {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-300:hover {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-400:hover {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-500:hover {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-600:hover {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-700:hover {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-800:hover {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.sm\:hover\:border-red-900:hover {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-200:hover {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-600:hover {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-700:hover {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-800:hover {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.sm\:hover\:border-orange-900:hover {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-200:hover {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-300:hover {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-500:hover {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-600:hover {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-700:hover {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-800:hover {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.sm\:hover\:border-yellow-900:hover {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-100:hover {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-200:hover {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-300:hover {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-400:hover {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-500:hover {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-600:hover {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-700:hover {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-800:hover {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.sm\:hover\:border-green-900:hover {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-100:hover {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-200:hover {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-300:hover {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-400:hover {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-500:hover {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-600:hover {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-700:hover {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-800:hover {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.sm\:hover\:border-teal-900:hover {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-200:hover {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-300:hover {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-400:hover {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-500:hover {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-600:hover {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-700:hover {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-800:hover {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.sm\:hover\:border-blue-900:hover {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-200:hover {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-300:hover {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-400:hover {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-500:hover {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-600:hover {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-700:hover {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-800:hover {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.sm\:hover\:border-indigo-900:hover {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-100:hover {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-200:hover {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-300:hover {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-400:hover {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-500:hover {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-600:hover {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-700:hover {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-800:hover {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.sm\:hover\:border-purple-900:hover {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-400:hover {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-600:hover {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-700:hover {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-800:hover {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.sm\:hover\:border-pink-900:hover {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.sm\:focus\:border-transparent:focus {
@@ -13030,371 +18581,615 @@ video {
}
.sm\:focus\:border-black:focus {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.sm\:focus\:border-white:focus {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-100:focus {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-200:focus {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-300:focus {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-400:focus {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-500:focus {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-600:focus {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-700:focus {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-800:focus {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.sm\:focus\:border-gray-900:focus {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-300:focus {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-400:focus {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-500:focus {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-600:focus {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-700:focus {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-800:focus {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.sm\:focus\:border-red-900:focus {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-200:focus {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-600:focus {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-700:focus {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-800:focus {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.sm\:focus\:border-orange-900:focus {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-200:focus {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-300:focus {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-500:focus {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-600:focus {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-700:focus {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-800:focus {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.sm\:focus\:border-yellow-900:focus {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-100:focus {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-200:focus {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-300:focus {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-400:focus {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-500:focus {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-600:focus {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-700:focus {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-800:focus {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.sm\:focus\:border-green-900:focus {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-100:focus {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-200:focus {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-300:focus {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-400:focus {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-500:focus {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-600:focus {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-700:focus {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-800:focus {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.sm\:focus\:border-teal-900:focus {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-200:focus {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-300:focus {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-400:focus {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-500:focus {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-600:focus {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-700:focus {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-800:focus {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.sm\:focus\:border-blue-900:focus {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-200:focus {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-300:focus {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-400:focus {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-500:focus {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-600:focus {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-700:focus {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-800:focus {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.sm\:focus\:border-indigo-900:focus {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-100:focus {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-200:focus {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-300:focus {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-400:focus {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-500:focus {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-600:focus {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-700:focus {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-800:focus {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.sm\:focus\:border-purple-900:focus {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-400:focus {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-600:focus {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-700:focus {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-800:focus {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.sm\:focus\:border-pink-900:focus {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+ }
+
+ .sm\:border-opacity-0 {
+ --border-opacity: 0 !important;
+ }
+
+ .sm\:border-opacity-25 {
+ --border-opacity: 0.25 !important;
+ }
+
+ .sm\:border-opacity-50 {
+ --border-opacity: 0.5 !important;
+ }
+
+ .sm\:border-opacity-75 {
+ --border-opacity: 0.75 !important;
+ }
+
+ .sm\:border-opacity-100 {
+ --border-opacity: 1 !important;
+ }
+
+ .sm\:hover\:border-opacity-0:hover {
+ --border-opacity: 0 !important;
+ }
+
+ .sm\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25 !important;
+ }
+
+ .sm\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5 !important;
+ }
+
+ .sm\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75 !important;
+ }
+
+ .sm\:hover\:border-opacity-100:hover {
+ --border-opacity: 1 !important;
+ }
+
+ .sm\:focus\:border-opacity-0:focus {
+ --border-opacity: 0 !important;
+ }
+
+ .sm\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25 !important;
+ }
+
+ .sm\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5 !important;
+ }
+
+ .sm\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75 !important;
+ }
+
+ .sm\:focus\:border-opacity-100:focus {
+ --border-opacity: 1 !important;
}
.sm\:rounded-none {
@@ -13805,10 +19600,6 @@ video {
display: inline !important;
}
- .sm\:flow-root {
- display: flow-root !important;
- }
-
.sm\:flex {
display: flex !important;
}
@@ -13817,14 +19608,6 @@ video {
display: inline-flex !important;
}
- .sm\:grid {
- display: grid !important;
- }
-
- .sm\:inline-grid {
- display: inline-grid !important;
- }
-
.sm\:table {
display: table !important;
}
@@ -13861,6 +19644,18 @@ video {
display: table-row !important;
}
+ .sm\:flow-root {
+ display: flow-root !important;
+ }
+
+ .sm\:grid {
+ display: grid !important;
+ }
+
+ .sm\:inline-grid {
+ display: inline-grid !important;
+ }
+
.sm\:hidden {
display: none !important;
}
@@ -14311,6 +20106,46 @@ video {
height: 100vh !important;
}
+ .sm\:text-xs {
+ font-size: 0.75rem !important;
+ }
+
+ .sm\:text-sm {
+ font-size: 0.875rem !important;
+ }
+
+ .sm\:text-base {
+ font-size: 1rem !important;
+ }
+
+ .sm\:text-lg {
+ font-size: 1.125rem !important;
+ }
+
+ .sm\:text-xl {
+ font-size: 1.25rem !important;
+ }
+
+ .sm\:text-2xl {
+ font-size: 1.5rem !important;
+ }
+
+ .sm\:text-3xl {
+ font-size: 1.875rem !important;
+ }
+
+ .sm\:text-4xl {
+ font-size: 2.25rem !important;
+ }
+
+ .sm\:text-5xl {
+ font-size: 3rem !important;
+ }
+
+ .sm\:text-6xl {
+ font-size: 4rem !important;
+ }
+
.sm\:leading-3 {
line-height: .75rem !important;
}
@@ -15799,6 +21634,42 @@ video {
-webkit-overflow-scrolling: auto !important;
}
+ .sm\:overscroll-auto {
+ overscroll-behavior: auto !important;
+ }
+
+ .sm\:overscroll-contain {
+ overscroll-behavior: contain !important;
+ }
+
+ .sm\:overscroll-none {
+ overscroll-behavior: none !important;
+ }
+
+ .sm\:overscroll-y-auto {
+ overscroll-behavior-y: auto !important;
+ }
+
+ .sm\:overscroll-y-contain {
+ overscroll-behavior-y: contain !important;
+ }
+
+ .sm\:overscroll-y-none {
+ overscroll-behavior-y: none !important;
+ }
+
+ .sm\:overscroll-x-auto {
+ overscroll-behavior-x: auto !important;
+ }
+
+ .sm\:overscroll-x-contain {
+ overscroll-behavior-x: contain !important;
+ }
+
+ .sm\:overscroll-x-none {
+ overscroll-behavior-x: none !important;
+ }
+
.sm\:p-0 {
padding: 0 !important;
}
@@ -16378,371 +22249,555 @@ video {
}
.sm\:placeholder-black::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-white::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.sm\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-transparent:focus::placeholder {
@@ -16754,371 +22809,595 @@ video {
}
.sm\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.sm\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+ }
+
+ .sm\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .sm\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .sm\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .sm\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .sm\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1 !important;
+ }
+
+ .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .sm\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
}
.sm\:pointer-events-none {
@@ -17404,371 +23683,555 @@ video {
}
.sm\:text-black {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.sm\:text-white {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.sm\:text-gray-100 {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.sm\:text-gray-200 {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.sm\:text-gray-300 {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.sm\:text-gray-400 {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.sm\:text-gray-500 {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.sm\:text-gray-600 {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.sm\:text-gray-700 {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.sm\:text-gray-800 {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.sm\:text-gray-900 {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.sm\:text-red-100 {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.sm\:text-red-200 {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.sm\:text-red-300 {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.sm\:text-red-400 {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.sm\:text-red-500 {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.sm\:text-red-600 {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.sm\:text-red-700 {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.sm\:text-red-800 {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.sm\:text-red-900 {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.sm\:text-orange-100 {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.sm\:text-orange-200 {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.sm\:text-orange-300 {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.sm\:text-orange-400 {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.sm\:text-orange-500 {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.sm\:text-orange-600 {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.sm\:text-orange-700 {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.sm\:text-orange-800 {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.sm\:text-orange-900 {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.sm\:text-yellow-100 {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.sm\:text-yellow-200 {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.sm\:text-yellow-300 {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.sm\:text-yellow-400 {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.sm\:text-yellow-500 {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.sm\:text-yellow-600 {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.sm\:text-yellow-700 {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.sm\:text-yellow-800 {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.sm\:text-yellow-900 {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.sm\:text-green-100 {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.sm\:text-green-200 {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.sm\:text-green-300 {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.sm\:text-green-400 {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.sm\:text-green-500 {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.sm\:text-green-600 {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.sm\:text-green-700 {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.sm\:text-green-800 {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.sm\:text-green-900 {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.sm\:text-teal-100 {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.sm\:text-teal-200 {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.sm\:text-teal-300 {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.sm\:text-teal-400 {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.sm\:text-teal-500 {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.sm\:text-teal-600 {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.sm\:text-teal-700 {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.sm\:text-teal-800 {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.sm\:text-teal-900 {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.sm\:text-blue-100 {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.sm\:text-blue-200 {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.sm\:text-blue-300 {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.sm\:text-blue-400 {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.sm\:text-blue-500 {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.sm\:text-blue-600 {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.sm\:text-blue-700 {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.sm\:text-blue-800 {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.sm\:text-blue-900 {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.sm\:text-indigo-100 {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.sm\:text-indigo-200 {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.sm\:text-indigo-300 {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.sm\:text-indigo-400 {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.sm\:text-indigo-500 {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.sm\:text-indigo-600 {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.sm\:text-indigo-700 {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.sm\:text-indigo-800 {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.sm\:text-indigo-900 {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.sm\:text-purple-100 {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.sm\:text-purple-200 {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.sm\:text-purple-300 {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.sm\:text-purple-400 {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.sm\:text-purple-500 {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.sm\:text-purple-600 {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.sm\:text-purple-700 {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.sm\:text-purple-800 {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.sm\:text-purple-900 {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.sm\:text-pink-100 {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.sm\:text-pink-200 {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.sm\:text-pink-300 {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.sm\:text-pink-400 {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.sm\:text-pink-500 {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.sm\:text-pink-600 {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.sm\:text-pink-700 {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.sm\:text-pink-800 {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.sm\:text-pink-900 {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.sm\:hover\:text-transparent:hover {
@@ -17780,371 +24243,555 @@ video {
}
.sm\:hover\:text-black:hover {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.sm\:hover\:text-white:hover {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-100:hover {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-200:hover {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-300:hover {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-400:hover {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-500:hover {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-600:hover {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-700:hover {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-800:hover {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.sm\:hover\:text-gray-900:hover {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-200:hover {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-300:hover {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-400:hover {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-500:hover {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-600:hover {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-700:hover {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-800:hover {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.sm\:hover\:text-red-900:hover {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-100:hover {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-200:hover {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-300:hover {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-400:hover {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-500:hover {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-600:hover {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-700:hover {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-800:hover {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.sm\:hover\:text-orange-900:hover {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-100:hover {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-200:hover {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-300:hover {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-400:hover {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-500:hover {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-600:hover {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-700:hover {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-800:hover {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.sm\:hover\:text-yellow-900:hover {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-100:hover {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-200:hover {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-300:hover {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-400:hover {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-500:hover {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-600:hover {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-700:hover {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-800:hover {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.sm\:hover\:text-green-900:hover {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-100:hover {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-200:hover {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-300:hover {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-400:hover {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-500:hover {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-600:hover {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-700:hover {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-800:hover {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.sm\:hover\:text-teal-900:hover {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-100:hover {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-200:hover {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-300:hover {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-400:hover {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-500:hover {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-600:hover {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-700:hover {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-800:hover {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.sm\:hover\:text-blue-900:hover {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-100:hover {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-200:hover {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-300:hover {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-400:hover {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-500:hover {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-600:hover {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-700:hover {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-800:hover {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.sm\:hover\:text-indigo-900:hover {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-100:hover {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-200:hover {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-300:hover {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-400:hover {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-500:hover {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-600:hover {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-700:hover {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-800:hover {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.sm\:hover\:text-purple-900:hover {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-200:hover {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-300:hover {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-400:hover {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-500:hover {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-600:hover {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-700:hover {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-800:hover {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.sm\:hover\:text-pink-900:hover {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.sm\:focus\:text-transparent:focus {
@@ -18156,411 +24803,615 @@ video {
}
.sm\:focus\:text-black:focus {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.sm\:focus\:text-white:focus {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-100:focus {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-200:focus {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-300:focus {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-400:focus {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-500:focus {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-600:focus {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-700:focus {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-800:focus {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.sm\:focus\:text-gray-900:focus {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-200:focus {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-300:focus {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-400:focus {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-500:focus {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-600:focus {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-700:focus {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-800:focus {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.sm\:focus\:text-red-900:focus {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-100:focus {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-200:focus {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-300:focus {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-400:focus {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-500:focus {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-600:focus {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-700:focus {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-800:focus {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.sm\:focus\:text-orange-900:focus {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-100:focus {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-200:focus {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-300:focus {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-400:focus {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-500:focus {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-600:focus {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-700:focus {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-800:focus {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.sm\:focus\:text-yellow-900:focus {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-100:focus {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-200:focus {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-300:focus {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-400:focus {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-500:focus {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-600:focus {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-700:focus {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-800:focus {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.sm\:focus\:text-green-900:focus {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-100:focus {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-200:focus {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-300:focus {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-400:focus {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-500:focus {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-600:focus {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-700:focus {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-800:focus {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.sm\:focus\:text-teal-900:focus {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-100:focus {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-200:focus {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-300:focus {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-400:focus {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-500:focus {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-600:focus {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-700:focus {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-800:focus {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.sm\:focus\:text-blue-900:focus {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-100:focus {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-200:focus {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-300:focus {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-400:focus {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-500:focus {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-600:focus {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-700:focus {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-800:focus {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.sm\:focus\:text-indigo-900:focus {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-100:focus {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-200:focus {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-300:focus {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-400:focus {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-500:focus {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-600:focus {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-700:focus {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-800:focus {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.sm\:focus\:text-purple-900:focus {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-200:focus {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-300:focus {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-400:focus {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-500:focus {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-600:focus {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-700:focus {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-800:focus {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.sm\:focus\:text-pink-900:focus {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
- .sm\:text-xs {
- font-size: 0.75rem !important;
+ .sm\:text-opacity-0 {
+ --text-opacity: 0 !important;
}
- .sm\:text-sm {
- font-size: 0.875rem !important;
+ .sm\:text-opacity-25 {
+ --text-opacity: 0.25 !important;
}
- .sm\:text-base {
- font-size: 1rem !important;
+ .sm\:text-opacity-50 {
+ --text-opacity: 0.5 !important;
}
- .sm\:text-lg {
- font-size: 1.125rem !important;
+ .sm\:text-opacity-75 {
+ --text-opacity: 0.75 !important;
}
- .sm\:text-xl {
- font-size: 1.25rem !important;
+ .sm\:text-opacity-100 {
+ --text-opacity: 1 !important;
}
- .sm\:text-2xl {
- font-size: 1.5rem !important;
+ .sm\:hover\:text-opacity-0:hover {
+ --text-opacity: 0 !important;
}
- .sm\:text-3xl {
- font-size: 1.875rem !important;
+ .sm\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25 !important;
}
- .sm\:text-4xl {
- font-size: 2.25rem !important;
+ .sm\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5 !important;
}
- .sm\:text-5xl {
- font-size: 3rem !important;
+ .sm\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75 !important;
}
- .sm\:text-6xl {
- font-size: 4rem !important;
+ .sm\:hover\:text-opacity-100:hover {
+ --text-opacity: 1 !important;
+ }
+
+ .sm\:focus\:text-opacity-0:focus {
+ --text-opacity: 0 !important;
+ }
+
+ .sm\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25 !important;
+ }
+
+ .sm\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5 !important;
+ }
+
+ .sm\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75 !important;
+ }
+
+ .sm\:focus\:text-opacity-100:focus {
+ --text-opacity: 1 !important;
}
.sm\:italic {
@@ -21386,6 +28237,26 @@ video {
transition-delay: 1000ms !important;
}
+ .sm\:animate-none {
+ animation: none !important;
+ }
+
+ .sm\:animate-spin {
+ animation: spin 1s linear infinite !important;
+ }
+
+ .sm\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
+ }
+
+ .sm\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
+ }
+
+ .sm\:animate-bounce {
+ animation: bounce 1s infinite !important;
+ }
+
.sm\:example {
font-weight: 700;
color: #f56565;
@@ -21393,6 +28264,1134 @@ video {
}
@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;
+ }
+ }
+
+ .md\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0px * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0px * var(--space-x-reverse)) !important;
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1px * var(--space-y-reverse)) !important;
+ }
+
+ .md\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1px * var(--space-x-reverse)) !important;
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
+ }
+
+ .md\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1px * var(--space-x-reverse)) !important;
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .md\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1 !important;
+ }
+
+ .md\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1 !important;
+ }
+
+ .md\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
+ }
+
+ .md\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(0px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .md\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
+ }
+
+ .md\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(2px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .md\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
+ }
+
+ .md\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(4px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .md\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
+ }
+
+ .md\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(8px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .md\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
+ }
+
+ .md\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(1px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .md\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1 !important;
+ }
+
+ .md\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1 !important;
+ }
+
+ .md\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent !important;
+ }
+
+ .md\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor !important;
+ }
+
+ .md\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+ }
+
+ .md\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0 !important;
+ }
+
+ .md\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25 !important;
+ }
+
+ .md\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5 !important;
+ }
+
+ .md\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75 !important;
+ }
+
+ .md\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ }
+
.md\:sr-only {
position: absolute !important;
width: 1px !important;
@@ -21464,371 +29463,555 @@ video {
}
.md\:bg-black {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.md\:bg-white {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.md\:bg-gray-100 {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.md\:bg-gray-200 {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.md\:bg-gray-300 {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.md\:bg-gray-400 {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.md\:bg-gray-500 {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.md\:bg-gray-600 {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.md\:bg-gray-700 {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.md\:bg-gray-800 {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.md\:bg-gray-900 {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.md\:bg-red-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.md\:bg-red-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.md\:bg-red-300 {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.md\:bg-red-400 {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.md\:bg-red-500 {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.md\:bg-red-600 {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.md\:bg-red-700 {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.md\:bg-red-800 {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.md\:bg-red-900 {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.md\:bg-orange-100 {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.md\:bg-orange-200 {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.md\:bg-orange-300 {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.md\:bg-orange-400 {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.md\:bg-orange-500 {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.md\:bg-orange-600 {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.md\:bg-orange-700 {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.md\:bg-orange-800 {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.md\:bg-orange-900 {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.md\:bg-yellow-100 {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.md\:bg-yellow-200 {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.md\:bg-yellow-300 {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.md\:bg-yellow-400 {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.md\:bg-yellow-500 {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.md\:bg-yellow-600 {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.md\:bg-yellow-700 {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.md\:bg-yellow-800 {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.md\:bg-yellow-900 {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.md\:bg-green-100 {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.md\:bg-green-200 {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.md\:bg-green-300 {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.md\:bg-green-400 {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.md\:bg-green-500 {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.md\:bg-green-600 {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.md\:bg-green-700 {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.md\:bg-green-800 {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.md\:bg-green-900 {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.md\:bg-teal-100 {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.md\:bg-teal-200 {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.md\:bg-teal-300 {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.md\:bg-teal-400 {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.md\:bg-teal-500 {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.md\:bg-teal-600 {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.md\:bg-teal-700 {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.md\:bg-teal-800 {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.md\:bg-teal-900 {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.md\:bg-blue-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.md\:bg-blue-200 {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.md\:bg-blue-300 {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.md\:bg-blue-400 {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.md\:bg-blue-500 {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.md\:bg-blue-600 {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.md\:bg-blue-700 {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.md\:bg-blue-800 {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.md\:bg-blue-900 {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.md\:bg-indigo-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.md\:bg-indigo-200 {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.md\:bg-indigo-300 {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.md\:bg-indigo-400 {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.md\:bg-indigo-500 {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.md\:bg-indigo-600 {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.md\:bg-indigo-700 {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.md\:bg-indigo-800 {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.md\:bg-indigo-900 {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.md\:bg-purple-100 {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.md\:bg-purple-200 {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.md\:bg-purple-300 {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.md\:bg-purple-400 {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.md\:bg-purple-500 {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.md\:bg-purple-600 {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.md\:bg-purple-700 {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.md\:bg-purple-800 {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.md\:bg-purple-900 {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.md\:bg-pink-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.md\:bg-pink-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.md\:bg-pink-300 {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.md\:bg-pink-400 {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.md\:bg-pink-500 {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.md\:bg-pink-600 {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.md\:bg-pink-700 {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.md\:bg-pink-800 {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.md\:bg-pink-900 {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.md\:hover\:bg-transparent:hover {
@@ -21840,371 +30023,555 @@ video {
}
.md\:hover\:bg-black:hover {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.md\:hover\:bg-white:hover {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.md\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-300:hover {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-400:hover {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-500:hover {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-600:hover {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.md\:hover\:bg-red-900:hover {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.md\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.md\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-300:hover {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-400:hover {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-500:hover {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-600:hover {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-800:hover {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.md\:hover\:bg-green-900:hover {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.md\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.md\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.md\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.md\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.md\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.md\:focus\:bg-transparent:focus {
@@ -22216,371 +30583,615 @@ video {
}
.md\:focus\:bg-black:focus {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.md\:focus\:bg-white:focus {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.md\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-300:focus {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-400:focus {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-500:focus {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-600:focus {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.md\:focus\:bg-red-900:focus {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.md\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.md\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-300:focus {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-400:focus {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-500:focus {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-600:focus {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-800:focus {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.md\:focus\:bg-green-900:focus {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.md\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.md\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.md\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.md\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.md\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+ }
+
+ .md\:bg-opacity-0 {
+ --bg-opacity: 0 !important;
+ }
+
+ .md\:bg-opacity-25 {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .md\:bg-opacity-50 {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .md\:bg-opacity-75 {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .md\:bg-opacity-100 {
+ --bg-opacity: 1 !important;
+ }
+
+ .md\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0 !important;
+ }
+
+ .md\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .md\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .md\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .md\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1 !important;
+ }
+
+ .md\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0 !important;
+ }
+
+ .md\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .md\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .md\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .md\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1 !important;
}
.md\:bg-bottom {
@@ -22672,371 +31283,555 @@ video {
}
.md\:border-black {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.md\:border-white {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.md\:border-gray-100 {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.md\:border-gray-200 {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.md\:border-gray-300 {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.md\:border-gray-400 {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.md\:border-gray-500 {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.md\:border-gray-600 {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.md\:border-gray-700 {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.md\:border-gray-800 {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.md\:border-gray-900 {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.md\:border-red-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.md\:border-red-200 {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.md\:border-red-300 {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.md\:border-red-400 {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.md\:border-red-500 {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.md\:border-red-600 {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.md\:border-red-700 {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.md\:border-red-800 {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.md\:border-red-900 {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.md\:border-orange-100 {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.md\:border-orange-200 {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.md\:border-orange-300 {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.md\:border-orange-400 {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.md\:border-orange-500 {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.md\:border-orange-600 {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.md\:border-orange-700 {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.md\:border-orange-800 {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.md\:border-orange-900 {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.md\:border-yellow-100 {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.md\:border-yellow-200 {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.md\:border-yellow-300 {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.md\:border-yellow-400 {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.md\:border-yellow-500 {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.md\:border-yellow-600 {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.md\:border-yellow-700 {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.md\:border-yellow-800 {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.md\:border-yellow-900 {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.md\:border-green-100 {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.md\:border-green-200 {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.md\:border-green-300 {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.md\:border-green-400 {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.md\:border-green-500 {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.md\:border-green-600 {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.md\:border-green-700 {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.md\:border-green-800 {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.md\:border-green-900 {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.md\:border-teal-100 {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.md\:border-teal-200 {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.md\:border-teal-300 {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.md\:border-teal-400 {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.md\:border-teal-500 {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.md\:border-teal-600 {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.md\:border-teal-700 {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.md\:border-teal-800 {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.md\:border-teal-900 {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.md\:border-blue-100 {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.md\:border-blue-200 {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.md\:border-blue-300 {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.md\:border-blue-400 {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.md\:border-blue-500 {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.md\:border-blue-600 {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.md\:border-blue-700 {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.md\:border-blue-800 {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.md\:border-blue-900 {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.md\:border-indigo-100 {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.md\:border-indigo-200 {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.md\:border-indigo-300 {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.md\:border-indigo-400 {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.md\:border-indigo-500 {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.md\:border-indigo-600 {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.md\:border-indigo-700 {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.md\:border-indigo-800 {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.md\:border-indigo-900 {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.md\:border-purple-100 {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.md\:border-purple-200 {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.md\:border-purple-300 {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.md\:border-purple-400 {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.md\:border-purple-500 {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.md\:border-purple-600 {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.md\:border-purple-700 {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.md\:border-purple-800 {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.md\:border-purple-900 {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.md\:border-pink-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.md\:border-pink-200 {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.md\:border-pink-300 {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.md\:border-pink-400 {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.md\:border-pink-500 {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.md\:border-pink-600 {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.md\:border-pink-700 {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.md\:border-pink-800 {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.md\:border-pink-900 {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.md\:hover\:border-transparent:hover {
@@ -23048,371 +31843,555 @@ video {
}
.md\:hover\:border-black:hover {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.md\:hover\:border-white:hover {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-100:hover {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-200:hover {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-300:hover {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-400:hover {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-500:hover {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-600:hover {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-700:hover {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-800:hover {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.md\:hover\:border-gray-900:hover {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.md\:hover\:border-red-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.md\:hover\:border-red-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.md\:hover\:border-red-300:hover {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.md\:hover\:border-red-400:hover {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.md\:hover\:border-red-500:hover {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.md\:hover\:border-red-600:hover {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.md\:hover\:border-red-700:hover {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.md\:hover\:border-red-800:hover {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.md\:hover\:border-red-900:hover {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-200:hover {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-600:hover {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-700:hover {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-800:hover {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.md\:hover\:border-orange-900:hover {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-200:hover {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-300:hover {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-500:hover {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-600:hover {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-700:hover {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-800:hover {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.md\:hover\:border-yellow-900:hover {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.md\:hover\:border-green-100:hover {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.md\:hover\:border-green-200:hover {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.md\:hover\:border-green-300:hover {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.md\:hover\:border-green-400:hover {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.md\:hover\:border-green-500:hover {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.md\:hover\:border-green-600:hover {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.md\:hover\:border-green-700:hover {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.md\:hover\:border-green-800:hover {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.md\:hover\:border-green-900:hover {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-100:hover {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-200:hover {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-300:hover {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-400:hover {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-500:hover {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-600:hover {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-700:hover {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-800:hover {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.md\:hover\:border-teal-900:hover {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-200:hover {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-300:hover {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-400:hover {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-500:hover {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-600:hover {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-700:hover {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-800:hover {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.md\:hover\:border-blue-900:hover {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-200:hover {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-300:hover {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-400:hover {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-500:hover {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-600:hover {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-700:hover {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-800:hover {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.md\:hover\:border-indigo-900:hover {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-100:hover {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-200:hover {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-300:hover {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-400:hover {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-500:hover {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-600:hover {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-700:hover {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-800:hover {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.md\:hover\:border-purple-900:hover {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-400:hover {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-600:hover {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-700:hover {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-800:hover {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.md\:hover\:border-pink-900:hover {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.md\:focus\:border-transparent:focus {
@@ -23424,371 +32403,615 @@ video {
}
.md\:focus\:border-black:focus {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.md\:focus\:border-white:focus {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-100:focus {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-200:focus {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-300:focus {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-400:focus {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-500:focus {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-600:focus {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-700:focus {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-800:focus {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.md\:focus\:border-gray-900:focus {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.md\:focus\:border-red-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.md\:focus\:border-red-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.md\:focus\:border-red-300:focus {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.md\:focus\:border-red-400:focus {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.md\:focus\:border-red-500:focus {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.md\:focus\:border-red-600:focus {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.md\:focus\:border-red-700:focus {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.md\:focus\:border-red-800:focus {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.md\:focus\:border-red-900:focus {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-200:focus {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-600:focus {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-700:focus {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-800:focus {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.md\:focus\:border-orange-900:focus {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-200:focus {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-300:focus {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-500:focus {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-600:focus {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-700:focus {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-800:focus {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.md\:focus\:border-yellow-900:focus {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.md\:focus\:border-green-100:focus {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.md\:focus\:border-green-200:focus {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.md\:focus\:border-green-300:focus {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.md\:focus\:border-green-400:focus {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.md\:focus\:border-green-500:focus {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.md\:focus\:border-green-600:focus {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.md\:focus\:border-green-700:focus {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.md\:focus\:border-green-800:focus {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.md\:focus\:border-green-900:focus {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-100:focus {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-200:focus {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-300:focus {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-400:focus {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-500:focus {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-600:focus {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-700:focus {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-800:focus {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.md\:focus\:border-teal-900:focus {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-200:focus {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-300:focus {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-400:focus {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-500:focus {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-600:focus {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-700:focus {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-800:focus {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.md\:focus\:border-blue-900:focus {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-200:focus {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-300:focus {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-400:focus {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-500:focus {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-600:focus {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-700:focus {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-800:focus {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.md\:focus\:border-indigo-900:focus {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-100:focus {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-200:focus {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-300:focus {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-400:focus {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-500:focus {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-600:focus {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-700:focus {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-800:focus {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.md\:focus\:border-purple-900:focus {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-400:focus {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-600:focus {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-700:focus {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-800:focus {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.md\:focus\:border-pink-900:focus {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+ }
+
+ .md\:border-opacity-0 {
+ --border-opacity: 0 !important;
+ }
+
+ .md\:border-opacity-25 {
+ --border-opacity: 0.25 !important;
+ }
+
+ .md\:border-opacity-50 {
+ --border-opacity: 0.5 !important;
+ }
+
+ .md\:border-opacity-75 {
+ --border-opacity: 0.75 !important;
+ }
+
+ .md\:border-opacity-100 {
+ --border-opacity: 1 !important;
+ }
+
+ .md\:hover\:border-opacity-0:hover {
+ --border-opacity: 0 !important;
+ }
+
+ .md\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25 !important;
+ }
+
+ .md\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5 !important;
+ }
+
+ .md\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75 !important;
+ }
+
+ .md\:hover\:border-opacity-100:hover {
+ --border-opacity: 1 !important;
+ }
+
+ .md\:focus\:border-opacity-0:focus {
+ --border-opacity: 0 !important;
+ }
+
+ .md\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25 !important;
+ }
+
+ .md\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5 !important;
+ }
+
+ .md\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75 !important;
+ }
+
+ .md\:focus\:border-opacity-100:focus {
+ --border-opacity: 1 !important;
}
.md\:rounded-none {
@@ -24199,10 +33422,6 @@ video {
display: inline !important;
}
- .md\:flow-root {
- display: flow-root !important;
- }
-
.md\:flex {
display: flex !important;
}
@@ -24211,14 +33430,6 @@ video {
display: inline-flex !important;
}
- .md\:grid {
- display: grid !important;
- }
-
- .md\:inline-grid {
- display: inline-grid !important;
- }
-
.md\:table {
display: table !important;
}
@@ -24255,6 +33466,18 @@ video {
display: table-row !important;
}
+ .md\:flow-root {
+ display: flow-root !important;
+ }
+
+ .md\:grid {
+ display: grid !important;
+ }
+
+ .md\:inline-grid {
+ display: inline-grid !important;
+ }
+
.md\:hidden {
display: none !important;
}
@@ -24705,6 +33928,46 @@ video {
height: 100vh !important;
}
+ .md\:text-xs {
+ font-size: 0.75rem !important;
+ }
+
+ .md\:text-sm {
+ font-size: 0.875rem !important;
+ }
+
+ .md\:text-base {
+ font-size: 1rem !important;
+ }
+
+ .md\:text-lg {
+ font-size: 1.125rem !important;
+ }
+
+ .md\:text-xl {
+ font-size: 1.25rem !important;
+ }
+
+ .md\:text-2xl {
+ font-size: 1.5rem !important;
+ }
+
+ .md\:text-3xl {
+ font-size: 1.875rem !important;
+ }
+
+ .md\:text-4xl {
+ font-size: 2.25rem !important;
+ }
+
+ .md\:text-5xl {
+ font-size: 3rem !important;
+ }
+
+ .md\:text-6xl {
+ font-size: 4rem !important;
+ }
+
.md\:leading-3 {
line-height: .75rem !important;
}
@@ -26193,6 +35456,42 @@ video {
-webkit-overflow-scrolling: auto !important;
}
+ .md\:overscroll-auto {
+ overscroll-behavior: auto !important;
+ }
+
+ .md\:overscroll-contain {
+ overscroll-behavior: contain !important;
+ }
+
+ .md\:overscroll-none {
+ overscroll-behavior: none !important;
+ }
+
+ .md\:overscroll-y-auto {
+ overscroll-behavior-y: auto !important;
+ }
+
+ .md\:overscroll-y-contain {
+ overscroll-behavior-y: contain !important;
+ }
+
+ .md\:overscroll-y-none {
+ overscroll-behavior-y: none !important;
+ }
+
+ .md\:overscroll-x-auto {
+ overscroll-behavior-x: auto !important;
+ }
+
+ .md\:overscroll-x-contain {
+ overscroll-behavior-x: contain !important;
+ }
+
+ .md\:overscroll-x-none {
+ overscroll-behavior-x: none !important;
+ }
+
.md\:p-0 {
padding: 0 !important;
}
@@ -26772,371 +36071,555 @@ video {
}
.md\:placeholder-black::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.md\:placeholder-white::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.md\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.md\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.md\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.md\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.md\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.md\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.md\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.md\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.md\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.md\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-transparent:focus::placeholder {
@@ -27148,371 +36631,595 @@ video {
}
.md\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.md\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+ }
+
+ .md\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .md\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .md\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .md\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .md\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1 !important;
+ }
+
+ .md\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .md\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .md\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .md\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .md\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
}
.md\:pointer-events-none {
@@ -27798,371 +37505,555 @@ video {
}
.md\:text-black {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.md\:text-white {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.md\:text-gray-100 {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.md\:text-gray-200 {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.md\:text-gray-300 {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.md\:text-gray-400 {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.md\:text-gray-500 {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.md\:text-gray-600 {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.md\:text-gray-700 {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.md\:text-gray-800 {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.md\:text-gray-900 {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.md\:text-red-100 {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.md\:text-red-200 {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.md\:text-red-300 {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.md\:text-red-400 {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.md\:text-red-500 {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.md\:text-red-600 {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.md\:text-red-700 {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.md\:text-red-800 {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.md\:text-red-900 {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.md\:text-orange-100 {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.md\:text-orange-200 {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.md\:text-orange-300 {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.md\:text-orange-400 {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.md\:text-orange-500 {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.md\:text-orange-600 {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.md\:text-orange-700 {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.md\:text-orange-800 {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.md\:text-orange-900 {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.md\:text-yellow-100 {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.md\:text-yellow-200 {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.md\:text-yellow-300 {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.md\:text-yellow-400 {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.md\:text-yellow-500 {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.md\:text-yellow-600 {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.md\:text-yellow-700 {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.md\:text-yellow-800 {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.md\:text-yellow-900 {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.md\:text-green-100 {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.md\:text-green-200 {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.md\:text-green-300 {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.md\:text-green-400 {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.md\:text-green-500 {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.md\:text-green-600 {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.md\:text-green-700 {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.md\:text-green-800 {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.md\:text-green-900 {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.md\:text-teal-100 {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.md\:text-teal-200 {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.md\:text-teal-300 {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.md\:text-teal-400 {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.md\:text-teal-500 {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.md\:text-teal-600 {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.md\:text-teal-700 {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.md\:text-teal-800 {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.md\:text-teal-900 {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.md\:text-blue-100 {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.md\:text-blue-200 {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.md\:text-blue-300 {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.md\:text-blue-400 {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.md\:text-blue-500 {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.md\:text-blue-600 {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.md\:text-blue-700 {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.md\:text-blue-800 {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.md\:text-blue-900 {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.md\:text-indigo-100 {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.md\:text-indigo-200 {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.md\:text-indigo-300 {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.md\:text-indigo-400 {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.md\:text-indigo-500 {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.md\:text-indigo-600 {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.md\:text-indigo-700 {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.md\:text-indigo-800 {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.md\:text-indigo-900 {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.md\:text-purple-100 {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.md\:text-purple-200 {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.md\:text-purple-300 {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.md\:text-purple-400 {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.md\:text-purple-500 {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.md\:text-purple-600 {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.md\:text-purple-700 {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.md\:text-purple-800 {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.md\:text-purple-900 {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.md\:text-pink-100 {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.md\:text-pink-200 {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.md\:text-pink-300 {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.md\:text-pink-400 {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.md\:text-pink-500 {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.md\:text-pink-600 {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.md\:text-pink-700 {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.md\:text-pink-800 {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.md\:text-pink-900 {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.md\:hover\:text-transparent:hover {
@@ -28174,371 +38065,555 @@ video {
}
.md\:hover\:text-black:hover {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.md\:hover\:text-white:hover {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-100:hover {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-200:hover {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-300:hover {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-400:hover {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-500:hover {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-600:hover {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-700:hover {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-800:hover {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.md\:hover\:text-gray-900:hover {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.md\:hover\:text-red-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.md\:hover\:text-red-200:hover {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.md\:hover\:text-red-300:hover {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.md\:hover\:text-red-400:hover {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.md\:hover\:text-red-500:hover {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.md\:hover\:text-red-600:hover {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.md\:hover\:text-red-700:hover {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.md\:hover\:text-red-800:hover {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.md\:hover\:text-red-900:hover {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-100:hover {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-200:hover {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-300:hover {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-400:hover {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-500:hover {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-600:hover {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-700:hover {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-800:hover {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.md\:hover\:text-orange-900:hover {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-100:hover {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-200:hover {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-300:hover {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-400:hover {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-500:hover {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-600:hover {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-700:hover {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-800:hover {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.md\:hover\:text-yellow-900:hover {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.md\:hover\:text-green-100:hover {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.md\:hover\:text-green-200:hover {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.md\:hover\:text-green-300:hover {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.md\:hover\:text-green-400:hover {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.md\:hover\:text-green-500:hover {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.md\:hover\:text-green-600:hover {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.md\:hover\:text-green-700:hover {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.md\:hover\:text-green-800:hover {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.md\:hover\:text-green-900:hover {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-100:hover {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-200:hover {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-300:hover {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-400:hover {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-500:hover {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-600:hover {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-700:hover {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-800:hover {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.md\:hover\:text-teal-900:hover {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-100:hover {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-200:hover {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-300:hover {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-400:hover {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-500:hover {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-600:hover {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-700:hover {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-800:hover {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.md\:hover\:text-blue-900:hover {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-100:hover {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-200:hover {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-300:hover {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-400:hover {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-500:hover {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-600:hover {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-700:hover {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-800:hover {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.md\:hover\:text-indigo-900:hover {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-100:hover {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-200:hover {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-300:hover {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-400:hover {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-500:hover {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-600:hover {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-700:hover {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-800:hover {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.md\:hover\:text-purple-900:hover {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-200:hover {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-300:hover {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-400:hover {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-500:hover {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-600:hover {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-700:hover {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-800:hover {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.md\:hover\:text-pink-900:hover {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.md\:focus\:text-transparent:focus {
@@ -28550,411 +38625,615 @@ video {
}
.md\:focus\:text-black:focus {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.md\:focus\:text-white:focus {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-100:focus {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-200:focus {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-300:focus {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-400:focus {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-500:focus {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-600:focus {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-700:focus {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-800:focus {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.md\:focus\:text-gray-900:focus {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.md\:focus\:text-red-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.md\:focus\:text-red-200:focus {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.md\:focus\:text-red-300:focus {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.md\:focus\:text-red-400:focus {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.md\:focus\:text-red-500:focus {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.md\:focus\:text-red-600:focus {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.md\:focus\:text-red-700:focus {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.md\:focus\:text-red-800:focus {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.md\:focus\:text-red-900:focus {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-100:focus {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-200:focus {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-300:focus {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-400:focus {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-500:focus {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-600:focus {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-700:focus {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-800:focus {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.md\:focus\:text-orange-900:focus {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-100:focus {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-200:focus {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-300:focus {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-400:focus {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-500:focus {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-600:focus {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-700:focus {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-800:focus {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.md\:focus\:text-yellow-900:focus {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.md\:focus\:text-green-100:focus {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.md\:focus\:text-green-200:focus {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.md\:focus\:text-green-300:focus {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.md\:focus\:text-green-400:focus {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.md\:focus\:text-green-500:focus {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.md\:focus\:text-green-600:focus {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.md\:focus\:text-green-700:focus {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.md\:focus\:text-green-800:focus {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.md\:focus\:text-green-900:focus {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-100:focus {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-200:focus {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-300:focus {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-400:focus {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-500:focus {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-600:focus {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-700:focus {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-800:focus {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.md\:focus\:text-teal-900:focus {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-100:focus {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-200:focus {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-300:focus {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-400:focus {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-500:focus {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-600:focus {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-700:focus {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-800:focus {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.md\:focus\:text-blue-900:focus {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-100:focus {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-200:focus {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-300:focus {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-400:focus {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-500:focus {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-600:focus {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-700:focus {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-800:focus {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.md\:focus\:text-indigo-900:focus {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-100:focus {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-200:focus {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-300:focus {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-400:focus {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-500:focus {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-600:focus {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-700:focus {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-800:focus {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.md\:focus\:text-purple-900:focus {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-200:focus {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-300:focus {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-400:focus {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-500:focus {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-600:focus {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-700:focus {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-800:focus {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.md\:focus\:text-pink-900:focus {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
- .md\:text-xs {
- font-size: 0.75rem !important;
+ .md\:text-opacity-0 {
+ --text-opacity: 0 !important;
}
- .md\:text-sm {
- font-size: 0.875rem !important;
+ .md\:text-opacity-25 {
+ --text-opacity: 0.25 !important;
}
- .md\:text-base {
- font-size: 1rem !important;
+ .md\:text-opacity-50 {
+ --text-opacity: 0.5 !important;
}
- .md\:text-lg {
- font-size: 1.125rem !important;
+ .md\:text-opacity-75 {
+ --text-opacity: 0.75 !important;
}
- .md\:text-xl {
- font-size: 1.25rem !important;
+ .md\:text-opacity-100 {
+ --text-opacity: 1 !important;
}
- .md\:text-2xl {
- font-size: 1.5rem !important;
+ .md\:hover\:text-opacity-0:hover {
+ --text-opacity: 0 !important;
}
- .md\:text-3xl {
- font-size: 1.875rem !important;
+ .md\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25 !important;
}
- .md\:text-4xl {
- font-size: 2.25rem !important;
+ .md\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5 !important;
}
- .md\:text-5xl {
- font-size: 3rem !important;
+ .md\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75 !important;
}
- .md\:text-6xl {
- font-size: 4rem !important;
+ .md\:hover\:text-opacity-100:hover {
+ --text-opacity: 1 !important;
+ }
+
+ .md\:focus\:text-opacity-0:focus {
+ --text-opacity: 0 !important;
+ }
+
+ .md\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25 !important;
+ }
+
+ .md\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5 !important;
+ }
+
+ .md\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75 !important;
+ }
+
+ .md\:focus\:text-opacity-100:focus {
+ --text-opacity: 1 !important;
}
.md\:italic {
@@ -31780,6 +42059,26 @@ video {
transition-delay: 1000ms !important;
}
+ .md\:animate-none {
+ animation: none !important;
+ }
+
+ .md\:animate-spin {
+ animation: spin 1s linear infinite !important;
+ }
+
+ .md\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
+ }
+
+ .md\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
+ }
+
+ .md\:animate-bounce {
+ animation: bounce 1s infinite !important;
+ }
+
.md\:example {
font-weight: 700;
color: #f56565;
@@ -31787,6 +42086,1134 @@ video {
}
@media (min-width: 1024px) {
+ .lg\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .lg\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .lg\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .lg\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .lg\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .lg\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0px * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0px * var(--space-x-reverse)) !important;
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1px * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1px * var(--space-x-reverse)) !important;
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
+ }
+
+ .lg\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1px * var(--space-x-reverse)) !important;
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .lg\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1 !important;
+ }
+
+ .lg\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1 !important;
+ }
+
+ .lg\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
+ }
+
+ .lg\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(0px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .lg\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
+ }
+
+ .lg\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(2px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .lg\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
+ }
+
+ .lg\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(4px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .lg\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
+ }
+
+ .lg\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(8px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .lg\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
+ }
+
+ .lg\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(1px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .lg\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1 !important;
+ }
+
+ .lg\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1 !important;
+ }
+
+ .lg\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent !important;
+ }
+
+ .lg\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor !important;
+ }
+
+ .lg\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+ }
+
+ .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0 !important;
+ }
+
+ .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25 !important;
+ }
+
+ .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5 !important;
+ }
+
+ .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75 !important;
+ }
+
+ .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ }
+
.lg\:sr-only {
position: absolute !important;
width: 1px !important;
@@ -31858,371 +43285,555 @@ video {
}
.lg\:bg-black {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.lg\:bg-white {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.lg\:bg-gray-100 {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.lg\:bg-gray-200 {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.lg\:bg-gray-300 {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.lg\:bg-gray-400 {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.lg\:bg-gray-500 {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.lg\:bg-gray-600 {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.lg\:bg-gray-700 {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.lg\:bg-gray-800 {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.lg\:bg-gray-900 {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.lg\:bg-red-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.lg\:bg-red-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.lg\:bg-red-300 {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.lg\:bg-red-400 {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.lg\:bg-red-500 {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.lg\:bg-red-600 {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.lg\:bg-red-700 {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.lg\:bg-red-800 {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.lg\:bg-red-900 {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.lg\:bg-orange-100 {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.lg\:bg-orange-200 {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.lg\:bg-orange-300 {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.lg\:bg-orange-400 {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.lg\:bg-orange-500 {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.lg\:bg-orange-600 {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.lg\:bg-orange-700 {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.lg\:bg-orange-800 {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.lg\:bg-orange-900 {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-100 {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-200 {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-300 {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-400 {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-500 {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-600 {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-700 {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-800 {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.lg\:bg-yellow-900 {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.lg\:bg-green-100 {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.lg\:bg-green-200 {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.lg\:bg-green-300 {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.lg\:bg-green-400 {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.lg\:bg-green-500 {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.lg\:bg-green-600 {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.lg\:bg-green-700 {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.lg\:bg-green-800 {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.lg\:bg-green-900 {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.lg\:bg-teal-100 {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.lg\:bg-teal-200 {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.lg\:bg-teal-300 {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.lg\:bg-teal-400 {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.lg\:bg-teal-500 {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.lg\:bg-teal-600 {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.lg\:bg-teal-700 {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.lg\:bg-teal-800 {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.lg\:bg-teal-900 {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.lg\:bg-blue-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.lg\:bg-blue-200 {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.lg\:bg-blue-300 {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.lg\:bg-blue-400 {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.lg\:bg-blue-500 {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.lg\:bg-blue-600 {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.lg\:bg-blue-700 {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.lg\:bg-blue-800 {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.lg\:bg-blue-900 {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-200 {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-300 {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-400 {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-500 {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-600 {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-700 {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-800 {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.lg\:bg-indigo-900 {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.lg\:bg-purple-100 {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.lg\:bg-purple-200 {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.lg\:bg-purple-300 {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.lg\:bg-purple-400 {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.lg\:bg-purple-500 {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.lg\:bg-purple-600 {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.lg\:bg-purple-700 {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.lg\:bg-purple-800 {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.lg\:bg-purple-900 {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.lg\:bg-pink-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.lg\:bg-pink-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.lg\:bg-pink-300 {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.lg\:bg-pink-400 {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.lg\:bg-pink-500 {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.lg\:bg-pink-600 {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.lg\:bg-pink-700 {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.lg\:bg-pink-800 {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.lg\:bg-pink-900 {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-transparent:hover {
@@ -32234,371 +43845,555 @@ video {
}
.lg\:hover\:bg-black:hover {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-white:hover {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-300:hover {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-400:hover {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-500:hover {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-600:hover {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-red-900:hover {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-300:hover {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-400:hover {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-500:hover {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-600:hover {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-800:hover {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-green-900:hover {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.lg\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-transparent:focus {
@@ -32610,371 +44405,615 @@ video {
}
.lg\:focus\:bg-black:focus {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-white:focus {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-300:focus {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-400:focus {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-500:focus {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-600:focus {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-red-900:focus {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-300:focus {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-400:focus {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-500:focus {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-600:focus {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-800:focus {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-green-900:focus {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.lg\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+ }
+
+ .lg\:bg-opacity-0 {
+ --bg-opacity: 0 !important;
+ }
+
+ .lg\:bg-opacity-25 {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .lg\:bg-opacity-50 {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .lg\:bg-opacity-75 {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .lg\:bg-opacity-100 {
+ --bg-opacity: 1 !important;
+ }
+
+ .lg\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0 !important;
+ }
+
+ .lg\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .lg\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .lg\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .lg\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1 !important;
+ }
+
+ .lg\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0 !important;
+ }
+
+ .lg\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .lg\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .lg\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .lg\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1 !important;
}
.lg\:bg-bottom {
@@ -33066,371 +45105,555 @@ video {
}
.lg\:border-black {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.lg\:border-white {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.lg\:border-gray-100 {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.lg\:border-gray-200 {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.lg\:border-gray-300 {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.lg\:border-gray-400 {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.lg\:border-gray-500 {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.lg\:border-gray-600 {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.lg\:border-gray-700 {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.lg\:border-gray-800 {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.lg\:border-gray-900 {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.lg\:border-red-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.lg\:border-red-200 {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.lg\:border-red-300 {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.lg\:border-red-400 {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.lg\:border-red-500 {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.lg\:border-red-600 {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.lg\:border-red-700 {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.lg\:border-red-800 {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.lg\:border-red-900 {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.lg\:border-orange-100 {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.lg\:border-orange-200 {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.lg\:border-orange-300 {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.lg\:border-orange-400 {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.lg\:border-orange-500 {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.lg\:border-orange-600 {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.lg\:border-orange-700 {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.lg\:border-orange-800 {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.lg\:border-orange-900 {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.lg\:border-yellow-100 {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.lg\:border-yellow-200 {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.lg\:border-yellow-300 {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.lg\:border-yellow-400 {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.lg\:border-yellow-500 {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.lg\:border-yellow-600 {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.lg\:border-yellow-700 {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.lg\:border-yellow-800 {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.lg\:border-yellow-900 {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.lg\:border-green-100 {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.lg\:border-green-200 {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.lg\:border-green-300 {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.lg\:border-green-400 {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.lg\:border-green-500 {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.lg\:border-green-600 {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.lg\:border-green-700 {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.lg\:border-green-800 {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.lg\:border-green-900 {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.lg\:border-teal-100 {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.lg\:border-teal-200 {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.lg\:border-teal-300 {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.lg\:border-teal-400 {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.lg\:border-teal-500 {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.lg\:border-teal-600 {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.lg\:border-teal-700 {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.lg\:border-teal-800 {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.lg\:border-teal-900 {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.lg\:border-blue-100 {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.lg\:border-blue-200 {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.lg\:border-blue-300 {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.lg\:border-blue-400 {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.lg\:border-blue-500 {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.lg\:border-blue-600 {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.lg\:border-blue-700 {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.lg\:border-blue-800 {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.lg\:border-blue-900 {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.lg\:border-indigo-100 {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.lg\:border-indigo-200 {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.lg\:border-indigo-300 {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.lg\:border-indigo-400 {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.lg\:border-indigo-500 {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.lg\:border-indigo-600 {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.lg\:border-indigo-700 {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.lg\:border-indigo-800 {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.lg\:border-indigo-900 {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.lg\:border-purple-100 {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.lg\:border-purple-200 {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.lg\:border-purple-300 {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.lg\:border-purple-400 {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.lg\:border-purple-500 {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.lg\:border-purple-600 {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.lg\:border-purple-700 {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.lg\:border-purple-800 {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.lg\:border-purple-900 {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.lg\:border-pink-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.lg\:border-pink-200 {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.lg\:border-pink-300 {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.lg\:border-pink-400 {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.lg\:border-pink-500 {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.lg\:border-pink-600 {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.lg\:border-pink-700 {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.lg\:border-pink-800 {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.lg\:border-pink-900 {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.lg\:hover\:border-transparent:hover {
@@ -33442,371 +45665,555 @@ video {
}
.lg\:hover\:border-black:hover {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.lg\:hover\:border-white:hover {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-100:hover {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-200:hover {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-300:hover {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-400:hover {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-500:hover {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-600:hover {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-700:hover {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-800:hover {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.lg\:hover\:border-gray-900:hover {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-300:hover {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-400:hover {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-500:hover {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-600:hover {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-700:hover {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-800:hover {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.lg\:hover\:border-red-900:hover {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-200:hover {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-600:hover {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-700:hover {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-800:hover {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.lg\:hover\:border-orange-900:hover {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-200:hover {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-300:hover {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-500:hover {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-600:hover {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-700:hover {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-800:hover {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.lg\:hover\:border-yellow-900:hover {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-100:hover {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-200:hover {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-300:hover {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-400:hover {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-500:hover {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-600:hover {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-700:hover {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-800:hover {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.lg\:hover\:border-green-900:hover {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-100:hover {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-200:hover {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-300:hover {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-400:hover {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-500:hover {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-600:hover {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-700:hover {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-800:hover {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.lg\:hover\:border-teal-900:hover {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-200:hover {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-300:hover {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-400:hover {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-500:hover {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-600:hover {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-700:hover {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-800:hover {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.lg\:hover\:border-blue-900:hover {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-200:hover {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-300:hover {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-400:hover {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-500:hover {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-600:hover {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-700:hover {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-800:hover {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.lg\:hover\:border-indigo-900:hover {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-100:hover {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-200:hover {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-300:hover {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-400:hover {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-500:hover {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-600:hover {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-700:hover {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-800:hover {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.lg\:hover\:border-purple-900:hover {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-400:hover {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-600:hover {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-700:hover {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-800:hover {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.lg\:hover\:border-pink-900:hover {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.lg\:focus\:border-transparent:focus {
@@ -33818,371 +46225,615 @@ video {
}
.lg\:focus\:border-black:focus {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.lg\:focus\:border-white:focus {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-100:focus {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-200:focus {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-300:focus {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-400:focus {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-500:focus {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-600:focus {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-700:focus {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-800:focus {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.lg\:focus\:border-gray-900:focus {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-300:focus {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-400:focus {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-500:focus {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-600:focus {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-700:focus {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-800:focus {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.lg\:focus\:border-red-900:focus {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-200:focus {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-600:focus {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-700:focus {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-800:focus {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.lg\:focus\:border-orange-900:focus {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-200:focus {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-300:focus {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-500:focus {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-600:focus {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-700:focus {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-800:focus {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.lg\:focus\:border-yellow-900:focus {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-100:focus {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-200:focus {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-300:focus {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-400:focus {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-500:focus {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-600:focus {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-700:focus {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-800:focus {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.lg\:focus\:border-green-900:focus {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-100:focus {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-200:focus {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-300:focus {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-400:focus {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-500:focus {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-600:focus {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-700:focus {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-800:focus {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.lg\:focus\:border-teal-900:focus {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-200:focus {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-300:focus {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-400:focus {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-500:focus {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-600:focus {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-700:focus {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-800:focus {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.lg\:focus\:border-blue-900:focus {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-200:focus {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-300:focus {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-400:focus {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-500:focus {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-600:focus {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-700:focus {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-800:focus {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.lg\:focus\:border-indigo-900:focus {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-100:focus {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-200:focus {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-300:focus {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-400:focus {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-500:focus {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-600:focus {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-700:focus {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-800:focus {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.lg\:focus\:border-purple-900:focus {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-400:focus {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-600:focus {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-700:focus {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-800:focus {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.lg\:focus\:border-pink-900:focus {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+ }
+
+ .lg\:border-opacity-0 {
+ --border-opacity: 0 !important;
+ }
+
+ .lg\:border-opacity-25 {
+ --border-opacity: 0.25 !important;
+ }
+
+ .lg\:border-opacity-50 {
+ --border-opacity: 0.5 !important;
+ }
+
+ .lg\:border-opacity-75 {
+ --border-opacity: 0.75 !important;
+ }
+
+ .lg\:border-opacity-100 {
+ --border-opacity: 1 !important;
+ }
+
+ .lg\:hover\:border-opacity-0:hover {
+ --border-opacity: 0 !important;
+ }
+
+ .lg\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25 !important;
+ }
+
+ .lg\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5 !important;
+ }
+
+ .lg\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75 !important;
+ }
+
+ .lg\:hover\:border-opacity-100:hover {
+ --border-opacity: 1 !important;
+ }
+
+ .lg\:focus\:border-opacity-0:focus {
+ --border-opacity: 0 !important;
+ }
+
+ .lg\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25 !important;
+ }
+
+ .lg\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5 !important;
+ }
+
+ .lg\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75 !important;
+ }
+
+ .lg\:focus\:border-opacity-100:focus {
+ --border-opacity: 1 !important;
}
.lg\:rounded-none {
@@ -34593,10 +47244,6 @@ video {
display: inline !important;
}
- .lg\:flow-root {
- display: flow-root !important;
- }
-
.lg\:flex {
display: flex !important;
}
@@ -34605,14 +47252,6 @@ video {
display: inline-flex !important;
}
- .lg\:grid {
- display: grid !important;
- }
-
- .lg\:inline-grid {
- display: inline-grid !important;
- }
-
.lg\:table {
display: table !important;
}
@@ -34649,6 +47288,18 @@ video {
display: table-row !important;
}
+ .lg\:flow-root {
+ display: flow-root !important;
+ }
+
+ .lg\:grid {
+ display: grid !important;
+ }
+
+ .lg\:inline-grid {
+ display: inline-grid !important;
+ }
+
.lg\:hidden {
display: none !important;
}
@@ -35099,6 +47750,46 @@ video {
height: 100vh !important;
}
+ .lg\:text-xs {
+ font-size: 0.75rem !important;
+ }
+
+ .lg\:text-sm {
+ font-size: 0.875rem !important;
+ }
+
+ .lg\:text-base {
+ font-size: 1rem !important;
+ }
+
+ .lg\:text-lg {
+ font-size: 1.125rem !important;
+ }
+
+ .lg\:text-xl {
+ font-size: 1.25rem !important;
+ }
+
+ .lg\:text-2xl {
+ font-size: 1.5rem !important;
+ }
+
+ .lg\:text-3xl {
+ font-size: 1.875rem !important;
+ }
+
+ .lg\:text-4xl {
+ font-size: 2.25rem !important;
+ }
+
+ .lg\:text-5xl {
+ font-size: 3rem !important;
+ }
+
+ .lg\:text-6xl {
+ font-size: 4rem !important;
+ }
+
.lg\:leading-3 {
line-height: .75rem !important;
}
@@ -36587,6 +49278,42 @@ video {
-webkit-overflow-scrolling: auto !important;
}
+ .lg\:overscroll-auto {
+ overscroll-behavior: auto !important;
+ }
+
+ .lg\:overscroll-contain {
+ overscroll-behavior: contain !important;
+ }
+
+ .lg\:overscroll-none {
+ overscroll-behavior: none !important;
+ }
+
+ .lg\:overscroll-y-auto {
+ overscroll-behavior-y: auto !important;
+ }
+
+ .lg\:overscroll-y-contain {
+ overscroll-behavior-y: contain !important;
+ }
+
+ .lg\:overscroll-y-none {
+ overscroll-behavior-y: none !important;
+ }
+
+ .lg\:overscroll-x-auto {
+ overscroll-behavior-x: auto !important;
+ }
+
+ .lg\:overscroll-x-contain {
+ overscroll-behavior-x: contain !important;
+ }
+
+ .lg\:overscroll-x-none {
+ overscroll-behavior-x: none !important;
+ }
+
.lg\:p-0 {
padding: 0 !important;
}
@@ -37166,371 +49893,555 @@ video {
}
.lg\:placeholder-black::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-white::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.lg\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-transparent:focus::placeholder {
@@ -37542,371 +50453,595 @@ video {
}
.lg\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.lg\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+ }
+
+ .lg\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .lg\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .lg\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .lg\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .lg\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1 !important;
+ }
+
+ .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .lg\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
}
.lg\:pointer-events-none {
@@ -38192,371 +51327,555 @@ video {
}
.lg\:text-black {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.lg\:text-white {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.lg\:text-gray-100 {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.lg\:text-gray-200 {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.lg\:text-gray-300 {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.lg\:text-gray-400 {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.lg\:text-gray-500 {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.lg\:text-gray-600 {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.lg\:text-gray-700 {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.lg\:text-gray-800 {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.lg\:text-gray-900 {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.lg\:text-red-100 {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.lg\:text-red-200 {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.lg\:text-red-300 {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.lg\:text-red-400 {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.lg\:text-red-500 {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.lg\:text-red-600 {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.lg\:text-red-700 {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.lg\:text-red-800 {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.lg\:text-red-900 {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.lg\:text-orange-100 {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.lg\:text-orange-200 {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.lg\:text-orange-300 {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.lg\:text-orange-400 {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.lg\:text-orange-500 {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.lg\:text-orange-600 {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.lg\:text-orange-700 {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.lg\:text-orange-800 {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.lg\:text-orange-900 {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.lg\:text-yellow-100 {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.lg\:text-yellow-200 {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.lg\:text-yellow-300 {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.lg\:text-yellow-400 {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.lg\:text-yellow-500 {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.lg\:text-yellow-600 {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.lg\:text-yellow-700 {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.lg\:text-yellow-800 {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.lg\:text-yellow-900 {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.lg\:text-green-100 {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.lg\:text-green-200 {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.lg\:text-green-300 {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.lg\:text-green-400 {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.lg\:text-green-500 {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.lg\:text-green-600 {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.lg\:text-green-700 {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.lg\:text-green-800 {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.lg\:text-green-900 {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.lg\:text-teal-100 {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.lg\:text-teal-200 {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.lg\:text-teal-300 {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.lg\:text-teal-400 {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.lg\:text-teal-500 {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.lg\:text-teal-600 {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.lg\:text-teal-700 {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.lg\:text-teal-800 {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.lg\:text-teal-900 {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.lg\:text-blue-100 {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.lg\:text-blue-200 {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.lg\:text-blue-300 {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.lg\:text-blue-400 {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.lg\:text-blue-500 {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.lg\:text-blue-600 {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.lg\:text-blue-700 {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.lg\:text-blue-800 {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.lg\:text-blue-900 {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.lg\:text-indigo-100 {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.lg\:text-indigo-200 {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.lg\:text-indigo-300 {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.lg\:text-indigo-400 {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.lg\:text-indigo-500 {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.lg\:text-indigo-600 {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.lg\:text-indigo-700 {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.lg\:text-indigo-800 {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.lg\:text-indigo-900 {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.lg\:text-purple-100 {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.lg\:text-purple-200 {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.lg\:text-purple-300 {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.lg\:text-purple-400 {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.lg\:text-purple-500 {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.lg\:text-purple-600 {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.lg\:text-purple-700 {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.lg\:text-purple-800 {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.lg\:text-purple-900 {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.lg\:text-pink-100 {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.lg\:text-pink-200 {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.lg\:text-pink-300 {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.lg\:text-pink-400 {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.lg\:text-pink-500 {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.lg\:text-pink-600 {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.lg\:text-pink-700 {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.lg\:text-pink-800 {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.lg\:text-pink-900 {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.lg\:hover\:text-transparent:hover {
@@ -38568,371 +51887,555 @@ video {
}
.lg\:hover\:text-black:hover {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.lg\:hover\:text-white:hover {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-100:hover {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-200:hover {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-300:hover {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-400:hover {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-500:hover {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-600:hover {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-700:hover {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-800:hover {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.lg\:hover\:text-gray-900:hover {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-200:hover {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-300:hover {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-400:hover {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-500:hover {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-600:hover {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-700:hover {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-800:hover {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.lg\:hover\:text-red-900:hover {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-100:hover {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-200:hover {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-300:hover {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-400:hover {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-500:hover {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-600:hover {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-700:hover {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-800:hover {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.lg\:hover\:text-orange-900:hover {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-100:hover {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-200:hover {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-300:hover {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-400:hover {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-500:hover {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-600:hover {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-700:hover {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-800:hover {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.lg\:hover\:text-yellow-900:hover {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-100:hover {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-200:hover {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-300:hover {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-400:hover {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-500:hover {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-600:hover {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-700:hover {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-800:hover {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.lg\:hover\:text-green-900:hover {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-100:hover {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-200:hover {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-300:hover {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-400:hover {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-500:hover {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-600:hover {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-700:hover {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-800:hover {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.lg\:hover\:text-teal-900:hover {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-100:hover {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-200:hover {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-300:hover {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-400:hover {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-500:hover {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-600:hover {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-700:hover {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-800:hover {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.lg\:hover\:text-blue-900:hover {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-100:hover {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-200:hover {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-300:hover {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-400:hover {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-500:hover {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-600:hover {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-700:hover {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-800:hover {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.lg\:hover\:text-indigo-900:hover {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-100:hover {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-200:hover {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-300:hover {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-400:hover {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-500:hover {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-600:hover {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-700:hover {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-800:hover {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.lg\:hover\:text-purple-900:hover {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-200:hover {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-300:hover {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-400:hover {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-500:hover {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-600:hover {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-700:hover {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-800:hover {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.lg\:hover\:text-pink-900:hover {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.lg\:focus\:text-transparent:focus {
@@ -38944,411 +52447,615 @@ video {
}
.lg\:focus\:text-black:focus {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.lg\:focus\:text-white:focus {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-100:focus {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-200:focus {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-300:focus {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-400:focus {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-500:focus {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-600:focus {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-700:focus {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-800:focus {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.lg\:focus\:text-gray-900:focus {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-200:focus {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-300:focus {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-400:focus {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-500:focus {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-600:focus {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-700:focus {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-800:focus {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.lg\:focus\:text-red-900:focus {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-100:focus {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-200:focus {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-300:focus {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-400:focus {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-500:focus {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-600:focus {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-700:focus {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-800:focus {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.lg\:focus\:text-orange-900:focus {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-100:focus {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-200:focus {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-300:focus {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-400:focus {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-500:focus {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-600:focus {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-700:focus {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-800:focus {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.lg\:focus\:text-yellow-900:focus {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-100:focus {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-200:focus {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-300:focus {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-400:focus {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-500:focus {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-600:focus {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-700:focus {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-800:focus {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.lg\:focus\:text-green-900:focus {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-100:focus {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-200:focus {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-300:focus {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-400:focus {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-500:focus {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-600:focus {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-700:focus {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-800:focus {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.lg\:focus\:text-teal-900:focus {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-100:focus {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-200:focus {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-300:focus {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-400:focus {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-500:focus {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-600:focus {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-700:focus {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-800:focus {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.lg\:focus\:text-blue-900:focus {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-100:focus {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-200:focus {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-300:focus {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-400:focus {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-500:focus {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-600:focus {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-700:focus {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-800:focus {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.lg\:focus\:text-indigo-900:focus {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-100:focus {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-200:focus {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-300:focus {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-400:focus {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-500:focus {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-600:focus {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-700:focus {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-800:focus {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.lg\:focus\:text-purple-900:focus {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-200:focus {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-300:focus {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-400:focus {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-500:focus {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-600:focus {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-700:focus {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-800:focus {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.lg\:focus\:text-pink-900:focus {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
- .lg\:text-xs {
- font-size: 0.75rem !important;
+ .lg\:text-opacity-0 {
+ --text-opacity: 0 !important;
}
- .lg\:text-sm {
- font-size: 0.875rem !important;
+ .lg\:text-opacity-25 {
+ --text-opacity: 0.25 !important;
}
- .lg\:text-base {
- font-size: 1rem !important;
+ .lg\:text-opacity-50 {
+ --text-opacity: 0.5 !important;
}
- .lg\:text-lg {
- font-size: 1.125rem !important;
+ .lg\:text-opacity-75 {
+ --text-opacity: 0.75 !important;
}
- .lg\:text-xl {
- font-size: 1.25rem !important;
+ .lg\:text-opacity-100 {
+ --text-opacity: 1 !important;
}
- .lg\:text-2xl {
- font-size: 1.5rem !important;
+ .lg\:hover\:text-opacity-0:hover {
+ --text-opacity: 0 !important;
}
- .lg\:text-3xl {
- font-size: 1.875rem !important;
+ .lg\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25 !important;
}
- .lg\:text-4xl {
- font-size: 2.25rem !important;
+ .lg\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5 !important;
}
- .lg\:text-5xl {
- font-size: 3rem !important;
+ .lg\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75 !important;
}
- .lg\:text-6xl {
- font-size: 4rem !important;
+ .lg\:hover\:text-opacity-100:hover {
+ --text-opacity: 1 !important;
+ }
+
+ .lg\:focus\:text-opacity-0:focus {
+ --text-opacity: 0 !important;
+ }
+
+ .lg\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25 !important;
+ }
+
+ .lg\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5 !important;
+ }
+
+ .lg\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75 !important;
+ }
+
+ .lg\:focus\:text-opacity-100:focus {
+ --text-opacity: 1 !important;
}
.lg\:italic {
@@ -42174,6 +55881,26 @@ video {
transition-delay: 1000ms !important;
}
+ .lg\:animate-none {
+ animation: none !important;
+ }
+
+ .lg\:animate-spin {
+ animation: spin 1s linear infinite !important;
+ }
+
+ .lg\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
+ }
+
+ .lg\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
+ }
+
+ .lg\:animate-bounce {
+ animation: bounce 1s infinite !important;
+ }
+
.lg\:example {
font-weight: 700;
color: #f56565;
@@ -42181,6 +55908,1134 @@ video {
}
@media (min-width: 1280px) {
+ .xl\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .xl\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .xl\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .xl\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .xl\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .xl\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0px * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0px * var(--space-x-reverse)) !important;
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(1px * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(1px * var(--space-x-reverse)) !important;
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-3rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-4rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-5rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-6rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-8rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-10rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-12rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-14rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-16rem * var(--space-x-reverse)) !important;
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0 !important;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
+ margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
+ }
+
+ .xl\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0 !important;
+ margin-right: calc(-1px * var(--space-x-reverse)) !important;
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
+ }
+
+ .xl\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1 !important;
+ }
+
+ .xl\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1 !important;
+ }
+
+ .xl\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
+ }
+
+ .xl\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(0px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .xl\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
+ }
+
+ .xl\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(2px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .xl\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
+ }
+
+ .xl\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(4px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .xl\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
+ }
+
+ .xl\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(8px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .xl\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0 !important;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
+ border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
+ }
+
+ .xl\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0 !important;
+ border-right-width: calc(1px * var(--divide-x-reverse)) !important;
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
+ }
+
+ .xl\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1 !important;
+ }
+
+ .xl\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1 !important;
+ }
+
+ .xl\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent !important;
+ }
+
+ .xl\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor !important;
+ }
+
+ .xl\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
+ }
+
+ .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0 !important;
+ }
+
+ .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25 !important;
+ }
+
+ .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5 !important;
+ }
+
+ .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75 !important;
+ }
+
+ .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1 !important;
+ }
+
.xl\:sr-only {
position: absolute !important;
width: 1px !important;
@@ -42252,371 +57107,555 @@ video {
}
.xl\:bg-black {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.xl\:bg-white {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.xl\:bg-gray-100 {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.xl\:bg-gray-200 {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.xl\:bg-gray-300 {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.xl\:bg-gray-400 {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.xl\:bg-gray-500 {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.xl\:bg-gray-600 {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.xl\:bg-gray-700 {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.xl\:bg-gray-800 {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.xl\:bg-gray-900 {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.xl\:bg-red-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.xl\:bg-red-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.xl\:bg-red-300 {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.xl\:bg-red-400 {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.xl\:bg-red-500 {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.xl\:bg-red-600 {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.xl\:bg-red-700 {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.xl\:bg-red-800 {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.xl\:bg-red-900 {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.xl\:bg-orange-100 {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.xl\:bg-orange-200 {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.xl\:bg-orange-300 {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.xl\:bg-orange-400 {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.xl\:bg-orange-500 {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.xl\:bg-orange-600 {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.xl\:bg-orange-700 {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.xl\:bg-orange-800 {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.xl\:bg-orange-900 {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-100 {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-200 {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-300 {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-400 {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-500 {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-600 {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-700 {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-800 {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.xl\:bg-yellow-900 {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.xl\:bg-green-100 {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.xl\:bg-green-200 {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.xl\:bg-green-300 {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.xl\:bg-green-400 {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.xl\:bg-green-500 {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.xl\:bg-green-600 {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.xl\:bg-green-700 {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.xl\:bg-green-800 {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.xl\:bg-green-900 {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.xl\:bg-teal-100 {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.xl\:bg-teal-200 {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.xl\:bg-teal-300 {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.xl\:bg-teal-400 {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.xl\:bg-teal-500 {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.xl\:bg-teal-600 {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.xl\:bg-teal-700 {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.xl\:bg-teal-800 {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.xl\:bg-teal-900 {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.xl\:bg-blue-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.xl\:bg-blue-200 {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.xl\:bg-blue-300 {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.xl\:bg-blue-400 {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.xl\:bg-blue-500 {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.xl\:bg-blue-600 {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.xl\:bg-blue-700 {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.xl\:bg-blue-800 {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.xl\:bg-blue-900 {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-100 {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-200 {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-300 {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-400 {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-500 {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-600 {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-700 {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-800 {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.xl\:bg-indigo-900 {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.xl\:bg-purple-100 {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.xl\:bg-purple-200 {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.xl\:bg-purple-300 {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.xl\:bg-purple-400 {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.xl\:bg-purple-500 {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.xl\:bg-purple-600 {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.xl\:bg-purple-700 {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.xl\:bg-purple-800 {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.xl\:bg-purple-900 {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.xl\:bg-pink-100 {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.xl\:bg-pink-200 {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.xl\:bg-pink-300 {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.xl\:bg-pink-400 {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.xl\:bg-pink-500 {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.xl\:bg-pink-600 {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.xl\:bg-pink-700 {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.xl\:bg-pink-800 {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.xl\:bg-pink-900 {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-transparent:hover {
@@ -42628,371 +57667,555 @@ video {
}
.xl\:hover\:bg-black:hover {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-white:hover {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-300:hover {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-400:hover {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-500:hover {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-600:hover {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-red-900:hover {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-100:hover {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-300:hover {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-400:hover {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-500:hover {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-600:hover {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-800:hover {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-green-900:hover {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.xl\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-transparent:focus {
@@ -43004,371 +58227,615 @@ video {
}
.xl\:focus\:bg-black:focus {
+ --bg-opacity: 1 !important;
background-color: #000 !important;
+ background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-white:focus {
+ --bg-opacity: 1 !important;
background-color: #fff !important;
+ background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f7fafc !important;
+ background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1 !important;
background-color: #edf2f7 !important;
+ background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1 !important;
background-color: #e2e8f0 !important;
+ background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1 !important;
background-color: #cbd5e0 !important;
+ background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1 !important;
background-color: #a0aec0 !important;
+ background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1 !important;
background-color: #718096 !important;
+ background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4a5568 !important;
+ background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2d3748 !important;
+ background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1 !important;
background-color: #1a202c !important;
+ background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f5 !important;
+ background-color: rgba(255, 245, 245, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7d7 !important;
+ background-color: rgba(254, 215, 215, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-300:focus {
+ --bg-opacity: 1 !important;
background-color: #feb2b2 !important;
+ background-color: rgba(254, 178, 178, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-400:focus {
+ --bg-opacity: 1 !important;
background-color: #fc8181 !important;
+ background-color: rgba(252, 129, 129, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-500:focus {
+ --bg-opacity: 1 !important;
background-color: #f56565 !important;
+ background-color: rgba(245, 101, 101, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-600:focus {
+ --bg-opacity: 1 !important;
background-color: #e53e3e !important;
+ background-color: rgba(229, 62, 62, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c53030 !important;
+ background-color: rgba(197, 48, 48, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9b2c2c !important;
+ background-color: rgba(155, 44, 44, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-red-900:focus {
+ --bg-opacity: 1 !important;
background-color: #742a2a !important;
+ background-color: rgba(116, 42, 42, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffaf0 !important;
+ background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1 !important;
background-color: #feebc8 !important;
+ background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbd38d !important;
+ background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6ad55 !important;
+ background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed8936 !important;
+ background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1 !important;
background-color: #dd6b20 !important;
+ background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1 !important;
background-color: #c05621 !important;
+ background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1 !important;
background-color: #9c4221 !important;
+ background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1 !important;
background-color: #7b341e !important;
+ background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fffff0 !important;
+ background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fefcbf !important;
+ background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1 !important;
background-color: #faf089 !important;
+ background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f6e05e !important;
+ background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ecc94b !important;
+ background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d69e2e !important;
+ background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b7791f !important;
+ background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1 !important;
background-color: #975a16 !important;
+ background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1 !important;
background-color: #744210 !important;
+ background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-100:focus {
+ --bg-opacity: 1 !important;
background-color: #f0fff4 !important;
+ background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c6f6d5 !important;
+ background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-300:focus {
+ --bg-opacity: 1 !important;
background-color: #9ae6b4 !important;
+ background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-400:focus {
+ --bg-opacity: 1 !important;
background-color: #68d391 !important;
+ background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-500:focus {
+ --bg-opacity: 1 !important;
background-color: #48bb78 !important;
+ background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-600:focus {
+ --bg-opacity: 1 !important;
background-color: #38a169 !important;
+ background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2f855a !important;
+ background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-800:focus {
+ --bg-opacity: 1 !important;
background-color: #276749 !important;
+ background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-green-900:focus {
+ --bg-opacity: 1 !important;
background-color: #22543d !important;
+ background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1 !important;
background-color: #e6fffa !important;
+ background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1 !important;
background-color: #b2f5ea !important;
+ background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1 !important;
background-color: #81e6d9 !important;
+ background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1 !important;
background-color: #4fd1c5 !important;
+ background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1 !important;
background-color: #38b2ac !important;
+ background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1 !important;
background-color: #319795 !important;
+ background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2c7a7b !important;
+ background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1 !important;
background-color: #285e61 !important;
+ background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1 !important;
background-color: #234e52 !important;
+ background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf8ff !important;
+ background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1 !important;
background-color: #bee3f8 !important;
+ background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1 !important;
background-color: #90cdf4 !important;
+ background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1 !important;
background-color: #63b3ed !important;
+ background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1 !important;
background-color: #4299e1 !important;
+ background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1 !important;
background-color: #3182ce !important;
+ background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1 !important;
background-color: #2b6cb0 !important;
+ background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1 !important;
background-color: #2c5282 !important;
+ background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1 !important;
background-color: #2a4365 !important;
+ background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1 !important;
background-color: #ebf4ff !important;
+ background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1 !important;
background-color: #c3dafe !important;
+ background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1 !important;
background-color: #a3bffa !important;
+ background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1 !important;
background-color: #7f9cf5 !important;
+ background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1 !important;
background-color: #667eea !important;
+ background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1 !important;
background-color: #5a67d8 !important;
+ background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1 !important;
background-color: #4c51bf !important;
+ background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1 !important;
background-color: #434190 !important;
+ background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1 !important;
background-color: #3c366b !important;
+ background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1 !important;
background-color: #faf5ff !important;
+ background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1 !important;
background-color: #e9d8fd !important;
+ background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1 !important;
background-color: #d6bcfa !important;
+ background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1 !important;
background-color: #b794f4 !important;
+ background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1 !important;
background-color: #9f7aea !important;
+ background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1 !important;
background-color: #805ad5 !important;
+ background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1 !important;
background-color: #6b46c1 !important;
+ background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1 !important;
background-color: #553c9a !important;
+ background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1 !important;
background-color: #44337a !important;
+ background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1 !important;
background-color: #fff5f7 !important;
+ background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1 !important;
background-color: #fed7e2 !important;
+ background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1 !important;
background-color: #fbb6ce !important;
+ background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1 !important;
background-color: #f687b3 !important;
+ background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1 !important;
background-color: #ed64a6 !important;
+ background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1 !important;
background-color: #d53f8c !important;
+ background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1 !important;
background-color: #b83280 !important;
+ background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1 !important;
background-color: #97266d !important;
+ background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}
.xl\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1 !important;
background-color: #702459 !important;
+ background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
+ }
+
+ .xl\:bg-opacity-0 {
+ --bg-opacity: 0 !important;
+ }
+
+ .xl\:bg-opacity-25 {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .xl\:bg-opacity-50 {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .xl\:bg-opacity-75 {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .xl\:bg-opacity-100 {
+ --bg-opacity: 1 !important;
+ }
+
+ .xl\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0 !important;
+ }
+
+ .xl\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .xl\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .xl\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .xl\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1 !important;
+ }
+
+ .xl\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0 !important;
+ }
+
+ .xl\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25 !important;
+ }
+
+ .xl\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5 !important;
+ }
+
+ .xl\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75 !important;
+ }
+
+ .xl\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1 !important;
}
.xl\:bg-bottom {
@@ -43460,371 +58927,555 @@ video {
}
.xl\:border-black {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.xl\:border-white {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.xl\:border-gray-100 {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.xl\:border-gray-200 {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.xl\:border-gray-300 {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.xl\:border-gray-400 {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.xl\:border-gray-500 {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.xl\:border-gray-600 {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.xl\:border-gray-700 {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.xl\:border-gray-800 {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.xl\:border-gray-900 {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.xl\:border-red-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.xl\:border-red-200 {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.xl\:border-red-300 {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.xl\:border-red-400 {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.xl\:border-red-500 {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.xl\:border-red-600 {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.xl\:border-red-700 {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.xl\:border-red-800 {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.xl\:border-red-900 {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.xl\:border-orange-100 {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.xl\:border-orange-200 {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.xl\:border-orange-300 {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.xl\:border-orange-400 {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.xl\:border-orange-500 {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.xl\:border-orange-600 {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.xl\:border-orange-700 {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.xl\:border-orange-800 {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.xl\:border-orange-900 {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.xl\:border-yellow-100 {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.xl\:border-yellow-200 {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.xl\:border-yellow-300 {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.xl\:border-yellow-400 {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.xl\:border-yellow-500 {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.xl\:border-yellow-600 {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.xl\:border-yellow-700 {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.xl\:border-yellow-800 {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.xl\:border-yellow-900 {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.xl\:border-green-100 {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.xl\:border-green-200 {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.xl\:border-green-300 {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.xl\:border-green-400 {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.xl\:border-green-500 {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.xl\:border-green-600 {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.xl\:border-green-700 {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.xl\:border-green-800 {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.xl\:border-green-900 {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.xl\:border-teal-100 {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.xl\:border-teal-200 {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.xl\:border-teal-300 {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.xl\:border-teal-400 {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.xl\:border-teal-500 {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.xl\:border-teal-600 {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.xl\:border-teal-700 {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.xl\:border-teal-800 {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.xl\:border-teal-900 {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.xl\:border-blue-100 {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.xl\:border-blue-200 {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.xl\:border-blue-300 {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.xl\:border-blue-400 {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.xl\:border-blue-500 {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.xl\:border-blue-600 {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.xl\:border-blue-700 {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.xl\:border-blue-800 {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.xl\:border-blue-900 {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.xl\:border-indigo-100 {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.xl\:border-indigo-200 {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.xl\:border-indigo-300 {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.xl\:border-indigo-400 {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.xl\:border-indigo-500 {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.xl\:border-indigo-600 {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.xl\:border-indigo-700 {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.xl\:border-indigo-800 {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.xl\:border-indigo-900 {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.xl\:border-purple-100 {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.xl\:border-purple-200 {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.xl\:border-purple-300 {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.xl\:border-purple-400 {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.xl\:border-purple-500 {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.xl\:border-purple-600 {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.xl\:border-purple-700 {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.xl\:border-purple-800 {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.xl\:border-purple-900 {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.xl\:border-pink-100 {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.xl\:border-pink-200 {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.xl\:border-pink-300 {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.xl\:border-pink-400 {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.xl\:border-pink-500 {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.xl\:border-pink-600 {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.xl\:border-pink-700 {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.xl\:border-pink-800 {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.xl\:border-pink-900 {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.xl\:hover\:border-transparent:hover {
@@ -43836,371 +59487,555 @@ video {
}
.xl\:hover\:border-black:hover {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.xl\:hover\:border-white:hover {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-100:hover {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-200:hover {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-300:hover {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-400:hover {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-500:hover {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-600:hover {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-700:hover {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-800:hover {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.xl\:hover\:border-gray-900:hover {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-300:hover {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-400:hover {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-500:hover {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-600:hover {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-700:hover {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-800:hover {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.xl\:hover\:border-red-900:hover {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-200:hover {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-600:hover {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-700:hover {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-800:hover {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.xl\:hover\:border-orange-900:hover {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-100:hover {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-200:hover {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-300:hover {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-400:hover {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-500:hover {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-600:hover {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-700:hover {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-800:hover {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.xl\:hover\:border-yellow-900:hover {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-100:hover {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-200:hover {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-300:hover {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-400:hover {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-500:hover {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-600:hover {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-700:hover {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-800:hover {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.xl\:hover\:border-green-900:hover {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-100:hover {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-200:hover {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-300:hover {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-400:hover {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-500:hover {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-600:hover {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-700:hover {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-800:hover {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.xl\:hover\:border-teal-900:hover {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-200:hover {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-300:hover {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-400:hover {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-500:hover {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-600:hover {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-700:hover {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-800:hover {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.xl\:hover\:border-blue-900:hover {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-100:hover {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-200:hover {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-300:hover {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-400:hover {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-500:hover {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-600:hover {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-700:hover {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-800:hover {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.xl\:hover\:border-indigo-900:hover {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-100:hover {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-200:hover {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-300:hover {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-400:hover {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-500:hover {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-600:hover {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-700:hover {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-800:hover {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.xl\:hover\:border-purple-900:hover {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-100:hover {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-200:hover {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-300:hover {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-400:hover {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-500:hover {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-600:hover {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-700:hover {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-800:hover {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.xl\:hover\:border-pink-900:hover {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}
.xl\:focus\:border-transparent:focus {
@@ -44212,371 +60047,615 @@ video {
}
.xl\:focus\:border-black:focus {
+ --border-opacity: 1 !important;
border-color: #000 !important;
+ border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}
.xl\:focus\:border-white:focus {
+ --border-opacity: 1 !important;
border-color: #fff !important;
+ border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-100:focus {
+ --border-opacity: 1 !important;
border-color: #f7fafc !important;
+ border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-200:focus {
+ --border-opacity: 1 !important;
border-color: #edf2f7 !important;
+ border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-300:focus {
+ --border-opacity: 1 !important;
border-color: #e2e8f0 !important;
+ border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-400:focus {
+ --border-opacity: 1 !important;
border-color: #cbd5e0 !important;
+ border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-500:focus {
+ --border-opacity: 1 !important;
border-color: #a0aec0 !important;
+ border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-600:focus {
+ --border-opacity: 1 !important;
border-color: #718096 !important;
+ border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-700:focus {
+ --border-opacity: 1 !important;
border-color: #4a5568 !important;
+ border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-800:focus {
+ --border-opacity: 1 !important;
border-color: #2d3748 !important;
+ border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}
.xl\:focus\:border-gray-900:focus {
+ --border-opacity: 1 !important;
border-color: #1a202c !important;
+ border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f5 !important;
+ border-color: rgba(255, 245, 245, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7d7 !important;
+ border-color: rgba(254, 215, 215, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-300:focus {
+ --border-opacity: 1 !important;
border-color: #feb2b2 !important;
+ border-color: rgba(254, 178, 178, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-400:focus {
+ --border-opacity: 1 !important;
border-color: #fc8181 !important;
+ border-color: rgba(252, 129, 129, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-500:focus {
+ --border-opacity: 1 !important;
border-color: #f56565 !important;
+ border-color: rgba(245, 101, 101, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-600:focus {
+ --border-opacity: 1 !important;
border-color: #e53e3e !important;
+ border-color: rgba(229, 62, 62, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-700:focus {
+ --border-opacity: 1 !important;
border-color: #c53030 !important;
+ border-color: rgba(197, 48, 48, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-800:focus {
+ --border-opacity: 1 !important;
border-color: #9b2c2c !important;
+ border-color: rgba(155, 44, 44, var(--border-opacity)) !important;
}
.xl\:focus\:border-red-900:focus {
+ --border-opacity: 1 !important;
border-color: #742a2a !important;
+ border-color: rgba(116, 42, 42, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffaf0 !important;
+ border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-200:focus {
+ --border-opacity: 1 !important;
border-color: #feebc8 !important;
+ border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbd38d !important;
+ border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6ad55 !important;
+ border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed8936 !important;
+ border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-600:focus {
+ --border-opacity: 1 !important;
border-color: #dd6b20 !important;
+ border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-700:focus {
+ --border-opacity: 1 !important;
border-color: #c05621 !important;
+ border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-800:focus {
+ --border-opacity: 1 !important;
border-color: #9c4221 !important;
+ border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}
.xl\:focus\:border-orange-900:focus {
+ --border-opacity: 1 !important;
border-color: #7b341e !important;
+ border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-100:focus {
+ --border-opacity: 1 !important;
border-color: #fffff0 !important;
+ border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-200:focus {
+ --border-opacity: 1 !important;
border-color: #fefcbf !important;
+ border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-300:focus {
+ --border-opacity: 1 !important;
border-color: #faf089 !important;
+ border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-400:focus {
+ --border-opacity: 1 !important;
border-color: #f6e05e !important;
+ border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-500:focus {
+ --border-opacity: 1 !important;
border-color: #ecc94b !important;
+ border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-600:focus {
+ --border-opacity: 1 !important;
border-color: #d69e2e !important;
+ border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-700:focus {
+ --border-opacity: 1 !important;
border-color: #b7791f !important;
+ border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-800:focus {
+ --border-opacity: 1 !important;
border-color: #975a16 !important;
+ border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}
.xl\:focus\:border-yellow-900:focus {
+ --border-opacity: 1 !important;
border-color: #744210 !important;
+ border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-100:focus {
+ --border-opacity: 1 !important;
border-color: #f0fff4 !important;
+ border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-200:focus {
+ --border-opacity: 1 !important;
border-color: #c6f6d5 !important;
+ border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-300:focus {
+ --border-opacity: 1 !important;
border-color: #9ae6b4 !important;
+ border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-400:focus {
+ --border-opacity: 1 !important;
border-color: #68d391 !important;
+ border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-500:focus {
+ --border-opacity: 1 !important;
border-color: #48bb78 !important;
+ border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-600:focus {
+ --border-opacity: 1 !important;
border-color: #38a169 !important;
+ border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-700:focus {
+ --border-opacity: 1 !important;
border-color: #2f855a !important;
+ border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-800:focus {
+ --border-opacity: 1 !important;
border-color: #276749 !important;
+ border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}
.xl\:focus\:border-green-900:focus {
+ --border-opacity: 1 !important;
border-color: #22543d !important;
+ border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-100:focus {
+ --border-opacity: 1 !important;
border-color: #e6fffa !important;
+ border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-200:focus {
+ --border-opacity: 1 !important;
border-color: #b2f5ea !important;
+ border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-300:focus {
+ --border-opacity: 1 !important;
border-color: #81e6d9 !important;
+ border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-400:focus {
+ --border-opacity: 1 !important;
border-color: #4fd1c5 !important;
+ border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-500:focus {
+ --border-opacity: 1 !important;
border-color: #38b2ac !important;
+ border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-600:focus {
+ --border-opacity: 1 !important;
border-color: #319795 !important;
+ border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-700:focus {
+ --border-opacity: 1 !important;
border-color: #2c7a7b !important;
+ border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-800:focus {
+ --border-opacity: 1 !important;
border-color: #285e61 !important;
+ border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}
.xl\:focus\:border-teal-900:focus {
+ --border-opacity: 1 !important;
border-color: #234e52 !important;
+ border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf8ff !important;
+ border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-200:focus {
+ --border-opacity: 1 !important;
border-color: #bee3f8 !important;
+ border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-300:focus {
+ --border-opacity: 1 !important;
border-color: #90cdf4 !important;
+ border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-400:focus {
+ --border-opacity: 1 !important;
border-color: #63b3ed !important;
+ border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-500:focus {
+ --border-opacity: 1 !important;
border-color: #4299e1 !important;
+ border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-600:focus {
+ --border-opacity: 1 !important;
border-color: #3182ce !important;
+ border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-700:focus {
+ --border-opacity: 1 !important;
border-color: #2b6cb0 !important;
+ border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-800:focus {
+ --border-opacity: 1 !important;
border-color: #2c5282 !important;
+ border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}
.xl\:focus\:border-blue-900:focus {
+ --border-opacity: 1 !important;
border-color: #2a4365 !important;
+ border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-100:focus {
+ --border-opacity: 1 !important;
border-color: #ebf4ff !important;
+ border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-200:focus {
+ --border-opacity: 1 !important;
border-color: #c3dafe !important;
+ border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-300:focus {
+ --border-opacity: 1 !important;
border-color: #a3bffa !important;
+ border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-400:focus {
+ --border-opacity: 1 !important;
border-color: #7f9cf5 !important;
+ border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-500:focus {
+ --border-opacity: 1 !important;
border-color: #667eea !important;
+ border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-600:focus {
+ --border-opacity: 1 !important;
border-color: #5a67d8 !important;
+ border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-700:focus {
+ --border-opacity: 1 !important;
border-color: #4c51bf !important;
+ border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-800:focus {
+ --border-opacity: 1 !important;
border-color: #434190 !important;
+ border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}
.xl\:focus\:border-indigo-900:focus {
+ --border-opacity: 1 !important;
border-color: #3c366b !important;
+ border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-100:focus {
+ --border-opacity: 1 !important;
border-color: #faf5ff !important;
+ border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-200:focus {
+ --border-opacity: 1 !important;
border-color: #e9d8fd !important;
+ border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-300:focus {
+ --border-opacity: 1 !important;
border-color: #d6bcfa !important;
+ border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-400:focus {
+ --border-opacity: 1 !important;
border-color: #b794f4 !important;
+ border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-500:focus {
+ --border-opacity: 1 !important;
border-color: #9f7aea !important;
+ border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-600:focus {
+ --border-opacity: 1 !important;
border-color: #805ad5 !important;
+ border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-700:focus {
+ --border-opacity: 1 !important;
border-color: #6b46c1 !important;
+ border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-800:focus {
+ --border-opacity: 1 !important;
border-color: #553c9a !important;
+ border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}
.xl\:focus\:border-purple-900:focus {
+ --border-opacity: 1 !important;
border-color: #44337a !important;
+ border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-100:focus {
+ --border-opacity: 1 !important;
border-color: #fff5f7 !important;
+ border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-200:focus {
+ --border-opacity: 1 !important;
border-color: #fed7e2 !important;
+ border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-300:focus {
+ --border-opacity: 1 !important;
border-color: #fbb6ce !important;
+ border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-400:focus {
+ --border-opacity: 1 !important;
border-color: #f687b3 !important;
+ border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-500:focus {
+ --border-opacity: 1 !important;
border-color: #ed64a6 !important;
+ border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-600:focus {
+ --border-opacity: 1 !important;
border-color: #d53f8c !important;
+ border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-700:focus {
+ --border-opacity: 1 !important;
border-color: #b83280 !important;
+ border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-800:focus {
+ --border-opacity: 1 !important;
border-color: #97266d !important;
+ border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}
.xl\:focus\:border-pink-900:focus {
+ --border-opacity: 1 !important;
border-color: #702459 !important;
+ border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
+ }
+
+ .xl\:border-opacity-0 {
+ --border-opacity: 0 !important;
+ }
+
+ .xl\:border-opacity-25 {
+ --border-opacity: 0.25 !important;
+ }
+
+ .xl\:border-opacity-50 {
+ --border-opacity: 0.5 !important;
+ }
+
+ .xl\:border-opacity-75 {
+ --border-opacity: 0.75 !important;
+ }
+
+ .xl\:border-opacity-100 {
+ --border-opacity: 1 !important;
+ }
+
+ .xl\:hover\:border-opacity-0:hover {
+ --border-opacity: 0 !important;
+ }
+
+ .xl\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25 !important;
+ }
+
+ .xl\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5 !important;
+ }
+
+ .xl\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75 !important;
+ }
+
+ .xl\:hover\:border-opacity-100:hover {
+ --border-opacity: 1 !important;
+ }
+
+ .xl\:focus\:border-opacity-0:focus {
+ --border-opacity: 0 !important;
+ }
+
+ .xl\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25 !important;
+ }
+
+ .xl\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5 !important;
+ }
+
+ .xl\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75 !important;
+ }
+
+ .xl\:focus\:border-opacity-100:focus {
+ --border-opacity: 1 !important;
}
.xl\:rounded-none {
@@ -44987,10 +61066,6 @@ video {
display: inline !important;
}
- .xl\:flow-root {
- display: flow-root !important;
- }
-
.xl\:flex {
display: flex !important;
}
@@ -44999,14 +61074,6 @@ video {
display: inline-flex !important;
}
- .xl\:grid {
- display: grid !important;
- }
-
- .xl\:inline-grid {
- display: inline-grid !important;
- }
-
.xl\:table {
display: table !important;
}
@@ -45043,6 +61110,18 @@ video {
display: table-row !important;
}
+ .xl\:flow-root {
+ display: flow-root !important;
+ }
+
+ .xl\:grid {
+ display: grid !important;
+ }
+
+ .xl\:inline-grid {
+ display: inline-grid !important;
+ }
+
.xl\:hidden {
display: none !important;
}
@@ -45493,6 +61572,46 @@ video {
height: 100vh !important;
}
+ .xl\:text-xs {
+ font-size: 0.75rem !important;
+ }
+
+ .xl\:text-sm {
+ font-size: 0.875rem !important;
+ }
+
+ .xl\:text-base {
+ font-size: 1rem !important;
+ }
+
+ .xl\:text-lg {
+ font-size: 1.125rem !important;
+ }
+
+ .xl\:text-xl {
+ font-size: 1.25rem !important;
+ }
+
+ .xl\:text-2xl {
+ font-size: 1.5rem !important;
+ }
+
+ .xl\:text-3xl {
+ font-size: 1.875rem !important;
+ }
+
+ .xl\:text-4xl {
+ font-size: 2.25rem !important;
+ }
+
+ .xl\:text-5xl {
+ font-size: 3rem !important;
+ }
+
+ .xl\:text-6xl {
+ font-size: 4rem !important;
+ }
+
.xl\:leading-3 {
line-height: .75rem !important;
}
@@ -46981,6 +63100,42 @@ video {
-webkit-overflow-scrolling: auto !important;
}
+ .xl\:overscroll-auto {
+ overscroll-behavior: auto !important;
+ }
+
+ .xl\:overscroll-contain {
+ overscroll-behavior: contain !important;
+ }
+
+ .xl\:overscroll-none {
+ overscroll-behavior: none !important;
+ }
+
+ .xl\:overscroll-y-auto {
+ overscroll-behavior-y: auto !important;
+ }
+
+ .xl\:overscroll-y-contain {
+ overscroll-behavior-y: contain !important;
+ }
+
+ .xl\:overscroll-y-none {
+ overscroll-behavior-y: none !important;
+ }
+
+ .xl\:overscroll-x-auto {
+ overscroll-behavior-x: auto !important;
+ }
+
+ .xl\:overscroll-x-contain {
+ overscroll-behavior-x: contain !important;
+ }
+
+ .xl\:overscroll-x-none {
+ overscroll-behavior-x: none !important;
+ }
+
.xl\:p-0 {
padding: 0 !important;
}
@@ -47560,371 +63715,555 @@ video {
}
.xl\:placeholder-black::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-white::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.xl\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-transparent:focus::placeholder {
@@ -47936,371 +64275,595 @@ video {
}
.xl\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}
.xl\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
+ }
+
+ .xl\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .xl\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .xl\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .xl\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .xl\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1 !important;
+ }
+
+ .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0 !important;
+ }
+
+ .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25 !important;
+ }
+
+ .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5 !important;
+ }
+
+ .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75 !important;
+ }
+
+ .xl\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1 !important;
}
.xl\:pointer-events-none {
@@ -48586,371 +65149,555 @@ video {
}
.xl\:text-black {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.xl\:text-white {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.xl\:text-gray-100 {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.xl\:text-gray-200 {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.xl\:text-gray-300 {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.xl\:text-gray-400 {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.xl\:text-gray-500 {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.xl\:text-gray-600 {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.xl\:text-gray-700 {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.xl\:text-gray-800 {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.xl\:text-gray-900 {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.xl\:text-red-100 {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.xl\:text-red-200 {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.xl\:text-red-300 {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.xl\:text-red-400 {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.xl\:text-red-500 {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.xl\:text-red-600 {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.xl\:text-red-700 {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.xl\:text-red-800 {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.xl\:text-red-900 {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.xl\:text-orange-100 {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.xl\:text-orange-200 {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.xl\:text-orange-300 {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.xl\:text-orange-400 {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.xl\:text-orange-500 {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.xl\:text-orange-600 {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.xl\:text-orange-700 {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.xl\:text-orange-800 {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.xl\:text-orange-900 {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.xl\:text-yellow-100 {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.xl\:text-yellow-200 {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.xl\:text-yellow-300 {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.xl\:text-yellow-400 {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.xl\:text-yellow-500 {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.xl\:text-yellow-600 {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.xl\:text-yellow-700 {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.xl\:text-yellow-800 {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.xl\:text-yellow-900 {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.xl\:text-green-100 {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.xl\:text-green-200 {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.xl\:text-green-300 {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.xl\:text-green-400 {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.xl\:text-green-500 {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.xl\:text-green-600 {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.xl\:text-green-700 {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.xl\:text-green-800 {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.xl\:text-green-900 {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.xl\:text-teal-100 {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.xl\:text-teal-200 {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.xl\:text-teal-300 {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.xl\:text-teal-400 {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.xl\:text-teal-500 {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.xl\:text-teal-600 {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.xl\:text-teal-700 {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.xl\:text-teal-800 {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.xl\:text-teal-900 {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.xl\:text-blue-100 {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.xl\:text-blue-200 {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.xl\:text-blue-300 {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.xl\:text-blue-400 {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.xl\:text-blue-500 {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.xl\:text-blue-600 {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.xl\:text-blue-700 {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.xl\:text-blue-800 {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.xl\:text-blue-900 {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.xl\:text-indigo-100 {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.xl\:text-indigo-200 {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.xl\:text-indigo-300 {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.xl\:text-indigo-400 {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.xl\:text-indigo-500 {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.xl\:text-indigo-600 {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.xl\:text-indigo-700 {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.xl\:text-indigo-800 {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.xl\:text-indigo-900 {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.xl\:text-purple-100 {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.xl\:text-purple-200 {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.xl\:text-purple-300 {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.xl\:text-purple-400 {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.xl\:text-purple-500 {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.xl\:text-purple-600 {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.xl\:text-purple-700 {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.xl\:text-purple-800 {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.xl\:text-purple-900 {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.xl\:text-pink-100 {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.xl\:text-pink-200 {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.xl\:text-pink-300 {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.xl\:text-pink-400 {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.xl\:text-pink-500 {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.xl\:text-pink-600 {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.xl\:text-pink-700 {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.xl\:text-pink-800 {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.xl\:text-pink-900 {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.xl\:hover\:text-transparent:hover {
@@ -48962,371 +65709,555 @@ video {
}
.xl\:hover\:text-black:hover {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.xl\:hover\:text-white:hover {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-100:hover {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-200:hover {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-300:hover {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-400:hover {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-500:hover {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-600:hover {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-700:hover {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-800:hover {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.xl\:hover\:text-gray-900:hover {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-200:hover {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-300:hover {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-400:hover {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-500:hover {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-600:hover {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-700:hover {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-800:hover {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.xl\:hover\:text-red-900:hover {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-100:hover {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-200:hover {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-300:hover {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-400:hover {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-500:hover {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-600:hover {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-700:hover {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-800:hover {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.xl\:hover\:text-orange-900:hover {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-100:hover {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-200:hover {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-300:hover {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-400:hover {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-500:hover {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-600:hover {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-700:hover {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-800:hover {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.xl\:hover\:text-yellow-900:hover {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-100:hover {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-200:hover {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-300:hover {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-400:hover {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-500:hover {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-600:hover {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-700:hover {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-800:hover {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.xl\:hover\:text-green-900:hover {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-100:hover {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-200:hover {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-300:hover {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-400:hover {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-500:hover {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-600:hover {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-700:hover {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-800:hover {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.xl\:hover\:text-teal-900:hover {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-100:hover {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-200:hover {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-300:hover {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-400:hover {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-500:hover {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-600:hover {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-700:hover {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-800:hover {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.xl\:hover\:text-blue-900:hover {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-100:hover {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-200:hover {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-300:hover {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-400:hover {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-500:hover {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-600:hover {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-700:hover {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-800:hover {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.xl\:hover\:text-indigo-900:hover {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-100:hover {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-200:hover {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-300:hover {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-400:hover {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-500:hover {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-600:hover {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-700:hover {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-800:hover {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.xl\:hover\:text-purple-900:hover {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-100:hover {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-200:hover {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-300:hover {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-400:hover {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-500:hover {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-600:hover {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-700:hover {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-800:hover {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.xl\:hover\:text-pink-900:hover {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
.xl\:focus\:text-transparent:focus {
@@ -49338,411 +66269,615 @@ video {
}
.xl\:focus\:text-black:focus {
+ --text-opacity: 1 !important;
color: #000 !important;
+ color: rgba(0, 0, 0, var(--text-opacity)) !important;
}
.xl\:focus\:text-white:focus {
+ --text-opacity: 1 !important;
color: #fff !important;
+ color: rgba(255, 255, 255, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-100:focus {
+ --text-opacity: 1 !important;
color: #f7fafc !important;
+ color: rgba(247, 250, 252, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-200:focus {
+ --text-opacity: 1 !important;
color: #edf2f7 !important;
+ color: rgba(237, 242, 247, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-300:focus {
+ --text-opacity: 1 !important;
color: #e2e8f0 !important;
+ color: rgba(226, 232, 240, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-400:focus {
+ --text-opacity: 1 !important;
color: #cbd5e0 !important;
+ color: rgba(203, 213, 224, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-500:focus {
+ --text-opacity: 1 !important;
color: #a0aec0 !important;
+ color: rgba(160, 174, 192, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-600:focus {
+ --text-opacity: 1 !important;
color: #718096 !important;
+ color: rgba(113, 128, 150, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-700:focus {
+ --text-opacity: 1 !important;
color: #4a5568 !important;
+ color: rgba(74, 85, 104, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-800:focus {
+ --text-opacity: 1 !important;
color: #2d3748 !important;
+ color: rgba(45, 55, 72, var(--text-opacity)) !important;
}
.xl\:focus\:text-gray-900:focus {
+ --text-opacity: 1 !important;
color: #1a202c !important;
+ color: rgba(26, 32, 44, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f5 !important;
+ color: rgba(255, 245, 245, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-200:focus {
+ --text-opacity: 1 !important;
color: #fed7d7 !important;
+ color: rgba(254, 215, 215, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-300:focus {
+ --text-opacity: 1 !important;
color: #feb2b2 !important;
+ color: rgba(254, 178, 178, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-400:focus {
+ --text-opacity: 1 !important;
color: #fc8181 !important;
+ color: rgba(252, 129, 129, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-500:focus {
+ --text-opacity: 1 !important;
color: #f56565 !important;
+ color: rgba(245, 101, 101, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-600:focus {
+ --text-opacity: 1 !important;
color: #e53e3e !important;
+ color: rgba(229, 62, 62, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-700:focus {
+ --text-opacity: 1 !important;
color: #c53030 !important;
+ color: rgba(197, 48, 48, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-800:focus {
+ --text-opacity: 1 !important;
color: #9b2c2c !important;
+ color: rgba(155, 44, 44, var(--text-opacity)) !important;
}
.xl\:focus\:text-red-900:focus {
+ --text-opacity: 1 !important;
color: #742a2a !important;
+ color: rgba(116, 42, 42, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-100:focus {
+ --text-opacity: 1 !important;
color: #fffaf0 !important;
+ color: rgba(255, 250, 240, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-200:focus {
+ --text-opacity: 1 !important;
color: #feebc8 !important;
+ color: rgba(254, 235, 200, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-300:focus {
+ --text-opacity: 1 !important;
color: #fbd38d !important;
+ color: rgba(251, 211, 141, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-400:focus {
+ --text-opacity: 1 !important;
color: #f6ad55 !important;
+ color: rgba(246, 173, 85, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-500:focus {
+ --text-opacity: 1 !important;
color: #ed8936 !important;
+ color: rgba(237, 137, 54, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-600:focus {
+ --text-opacity: 1 !important;
color: #dd6b20 !important;
+ color: rgba(221, 107, 32, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-700:focus {
+ --text-opacity: 1 !important;
color: #c05621 !important;
+ color: rgba(192, 86, 33, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-800:focus {
+ --text-opacity: 1 !important;
color: #9c4221 !important;
+ color: rgba(156, 66, 33, var(--text-opacity)) !important;
}
.xl\:focus\:text-orange-900:focus {
+ --text-opacity: 1 !important;
color: #7b341e !important;
+ color: rgba(123, 52, 30, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-100:focus {
+ --text-opacity: 1 !important;
color: #fffff0 !important;
+ color: rgba(255, 255, 240, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-200:focus {
+ --text-opacity: 1 !important;
color: #fefcbf !important;
+ color: rgba(254, 252, 191, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-300:focus {
+ --text-opacity: 1 !important;
color: #faf089 !important;
+ color: rgba(250, 240, 137, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-400:focus {
+ --text-opacity: 1 !important;
color: #f6e05e !important;
+ color: rgba(246, 224, 94, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-500:focus {
+ --text-opacity: 1 !important;
color: #ecc94b !important;
+ color: rgba(236, 201, 75, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-600:focus {
+ --text-opacity: 1 !important;
color: #d69e2e !important;
+ color: rgba(214, 158, 46, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-700:focus {
+ --text-opacity: 1 !important;
color: #b7791f !important;
+ color: rgba(183, 121, 31, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-800:focus {
+ --text-opacity: 1 !important;
color: #975a16 !important;
+ color: rgba(151, 90, 22, var(--text-opacity)) !important;
}
.xl\:focus\:text-yellow-900:focus {
+ --text-opacity: 1 !important;
color: #744210 !important;
+ color: rgba(116, 66, 16, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-100:focus {
+ --text-opacity: 1 !important;
color: #f0fff4 !important;
+ color: rgba(240, 255, 244, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-200:focus {
+ --text-opacity: 1 !important;
color: #c6f6d5 !important;
+ color: rgba(198, 246, 213, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-300:focus {
+ --text-opacity: 1 !important;
color: #9ae6b4 !important;
+ color: rgba(154, 230, 180, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-400:focus {
+ --text-opacity: 1 !important;
color: #68d391 !important;
+ color: rgba(104, 211, 145, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-500:focus {
+ --text-opacity: 1 !important;
color: #48bb78 !important;
+ color: rgba(72, 187, 120, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-600:focus {
+ --text-opacity: 1 !important;
color: #38a169 !important;
+ color: rgba(56, 161, 105, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-700:focus {
+ --text-opacity: 1 !important;
color: #2f855a !important;
+ color: rgba(47, 133, 90, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-800:focus {
+ --text-opacity: 1 !important;
color: #276749 !important;
+ color: rgba(39, 103, 73, var(--text-opacity)) !important;
}
.xl\:focus\:text-green-900:focus {
+ --text-opacity: 1 !important;
color: #22543d !important;
+ color: rgba(34, 84, 61, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-100:focus {
+ --text-opacity: 1 !important;
color: #e6fffa !important;
+ color: rgba(230, 255, 250, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-200:focus {
+ --text-opacity: 1 !important;
color: #b2f5ea !important;
+ color: rgba(178, 245, 234, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-300:focus {
+ --text-opacity: 1 !important;
color: #81e6d9 !important;
+ color: rgba(129, 230, 217, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-400:focus {
+ --text-opacity: 1 !important;
color: #4fd1c5 !important;
+ color: rgba(79, 209, 197, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-500:focus {
+ --text-opacity: 1 !important;
color: #38b2ac !important;
+ color: rgba(56, 178, 172, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-600:focus {
+ --text-opacity: 1 !important;
color: #319795 !important;
+ color: rgba(49, 151, 149, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-700:focus {
+ --text-opacity: 1 !important;
color: #2c7a7b !important;
+ color: rgba(44, 122, 123, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-800:focus {
+ --text-opacity: 1 !important;
color: #285e61 !important;
+ color: rgba(40, 94, 97, var(--text-opacity)) !important;
}
.xl\:focus\:text-teal-900:focus {
+ --text-opacity: 1 !important;
color: #234e52 !important;
+ color: rgba(35, 78, 82, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-100:focus {
+ --text-opacity: 1 !important;
color: #ebf8ff !important;
+ color: rgba(235, 248, 255, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-200:focus {
+ --text-opacity: 1 !important;
color: #bee3f8 !important;
+ color: rgba(190, 227, 248, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-300:focus {
+ --text-opacity: 1 !important;
color: #90cdf4 !important;
+ color: rgba(144, 205, 244, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-400:focus {
+ --text-opacity: 1 !important;
color: #63b3ed !important;
+ color: rgba(99, 179, 237, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-500:focus {
+ --text-opacity: 1 !important;
color: #4299e1 !important;
+ color: rgba(66, 153, 225, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-600:focus {
+ --text-opacity: 1 !important;
color: #3182ce !important;
+ color: rgba(49, 130, 206, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-700:focus {
+ --text-opacity: 1 !important;
color: #2b6cb0 !important;
+ color: rgba(43, 108, 176, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-800:focus {
+ --text-opacity: 1 !important;
color: #2c5282 !important;
+ color: rgba(44, 82, 130, var(--text-opacity)) !important;
}
.xl\:focus\:text-blue-900:focus {
+ --text-opacity: 1 !important;
color: #2a4365 !important;
+ color: rgba(42, 67, 101, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-100:focus {
+ --text-opacity: 1 !important;
color: #ebf4ff !important;
+ color: rgba(235, 244, 255, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-200:focus {
+ --text-opacity: 1 !important;
color: #c3dafe !important;
+ color: rgba(195, 218, 254, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-300:focus {
+ --text-opacity: 1 !important;
color: #a3bffa !important;
+ color: rgba(163, 191, 250, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-400:focus {
+ --text-opacity: 1 !important;
color: #7f9cf5 !important;
+ color: rgba(127, 156, 245, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-500:focus {
+ --text-opacity: 1 !important;
color: #667eea !important;
+ color: rgba(102, 126, 234, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-600:focus {
+ --text-opacity: 1 !important;
color: #5a67d8 !important;
+ color: rgba(90, 103, 216, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-700:focus {
+ --text-opacity: 1 !important;
color: #4c51bf !important;
+ color: rgba(76, 81, 191, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-800:focus {
+ --text-opacity: 1 !important;
color: #434190 !important;
+ color: rgba(67, 65, 144, var(--text-opacity)) !important;
}
.xl\:focus\:text-indigo-900:focus {
+ --text-opacity: 1 !important;
color: #3c366b !important;
+ color: rgba(60, 54, 107, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-100:focus {
+ --text-opacity: 1 !important;
color: #faf5ff !important;
+ color: rgba(250, 245, 255, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-200:focus {
+ --text-opacity: 1 !important;
color: #e9d8fd !important;
+ color: rgba(233, 216, 253, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-300:focus {
+ --text-opacity: 1 !important;
color: #d6bcfa !important;
+ color: rgba(214, 188, 250, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-400:focus {
+ --text-opacity: 1 !important;
color: #b794f4 !important;
+ color: rgba(183, 148, 244, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-500:focus {
+ --text-opacity: 1 !important;
color: #9f7aea !important;
+ color: rgba(159, 122, 234, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-600:focus {
+ --text-opacity: 1 !important;
color: #805ad5 !important;
+ color: rgba(128, 90, 213, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-700:focus {
+ --text-opacity: 1 !important;
color: #6b46c1 !important;
+ color: rgba(107, 70, 193, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-800:focus {
+ --text-opacity: 1 !important;
color: #553c9a !important;
+ color: rgba(85, 60, 154, var(--text-opacity)) !important;
}
.xl\:focus\:text-purple-900:focus {
+ --text-opacity: 1 !important;
color: #44337a !important;
+ color: rgba(68, 51, 122, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-100:focus {
+ --text-opacity: 1 !important;
color: #fff5f7 !important;
+ color: rgba(255, 245, 247, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-200:focus {
+ --text-opacity: 1 !important;
color: #fed7e2 !important;
+ color: rgba(254, 215, 226, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-300:focus {
+ --text-opacity: 1 !important;
color: #fbb6ce !important;
+ color: rgba(251, 182, 206, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-400:focus {
+ --text-opacity: 1 !important;
color: #f687b3 !important;
+ color: rgba(246, 135, 179, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-500:focus {
+ --text-opacity: 1 !important;
color: #ed64a6 !important;
+ color: rgba(237, 100, 166, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-600:focus {
+ --text-opacity: 1 !important;
color: #d53f8c !important;
+ color: rgba(213, 63, 140, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-700:focus {
+ --text-opacity: 1 !important;
color: #b83280 !important;
+ color: rgba(184, 50, 128, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-800:focus {
+ --text-opacity: 1 !important;
color: #97266d !important;
+ color: rgba(151, 38, 109, var(--text-opacity)) !important;
}
.xl\:focus\:text-pink-900:focus {
+ --text-opacity: 1 !important;
color: #702459 !important;
+ color: rgba(112, 36, 89, var(--text-opacity)) !important;
}
- .xl\:text-xs {
- font-size: 0.75rem !important;
+ .xl\:text-opacity-0 {
+ --text-opacity: 0 !important;
}
- .xl\:text-sm {
- font-size: 0.875rem !important;
+ .xl\:text-opacity-25 {
+ --text-opacity: 0.25 !important;
}
- .xl\:text-base {
- font-size: 1rem !important;
+ .xl\:text-opacity-50 {
+ --text-opacity: 0.5 !important;
}
- .xl\:text-lg {
- font-size: 1.125rem !important;
+ .xl\:text-opacity-75 {
+ --text-opacity: 0.75 !important;
}
- .xl\:text-xl {
- font-size: 1.25rem !important;
+ .xl\:text-opacity-100 {
+ --text-opacity: 1 !important;
}
- .xl\:text-2xl {
- font-size: 1.5rem !important;
+ .xl\:hover\:text-opacity-0:hover {
+ --text-opacity: 0 !important;
}
- .xl\:text-3xl {
- font-size: 1.875rem !important;
+ .xl\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25 !important;
}
- .xl\:text-4xl {
- font-size: 2.25rem !important;
+ .xl\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5 !important;
}
- .xl\:text-5xl {
- font-size: 3rem !important;
+ .xl\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75 !important;
}
- .xl\:text-6xl {
- font-size: 4rem !important;
+ .xl\:hover\:text-opacity-100:hover {
+ --text-opacity: 1 !important;
+ }
+
+ .xl\:focus\:text-opacity-0:focus {
+ --text-opacity: 0 !important;
+ }
+
+ .xl\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25 !important;
+ }
+
+ .xl\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5 !important;
+ }
+
+ .xl\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75 !important;
+ }
+
+ .xl\:focus\:text-opacity-100:focus {
+ --text-opacity: 1 !important;
}
.xl\:italic {
@@ -52568,6 +69703,26 @@ video {
transition-delay: 1000ms !important;
}
+ .xl\:animate-none {
+ animation: none !important;
+ }
+
+ .xl\:animate-spin {
+ animation: spin 1s linear infinite !important;
+ }
+
+ .xl\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
+ }
+
+ .xl\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
+ }
+
+ .xl\:animate-bounce {
+ animation: bounce 1s infinite !important;
+ }
+
.xl\:example {
font-weight: 700;
color: #f56565;
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
new file mode 100644
index 000000000..0d481f196
--- /dev/null
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -0,0 +1,57490 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+button {
+ background-color: transparent;
+ background-image: none;
+}
+
+/**
+ * Work around a Firefox/IE bug where the transparent `button` background
+ * results in a loss of the default `button` focus styles.
+ */
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+ol,
+ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ * sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ * to override it to ensure consistency even when using the default theme.
+ */
+
+html {
+ font-family: 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"; /* 1 */
+ line-height: 1.5; /* 2 */
+}
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ * We used to set this in the html element and inherit from
+ * the parent element for everything else. This caused issues
+ * in shadow-dom-enhanced elements like where the content
+ * is wrapped by a div with box-sizing set to `content-box`.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ * By default, the way the browser specifies that an element should have no
+ * border is by setting it's border-style to `none` in the user-agent
+ * stylesheet.
+ *
+ * In order to easily add borders to elements by just setting the `border-width`
+ * property, we change the default border-style for all elements to `solid`, and
+ * use border-width to hide them instead. This way our `border` utilities only
+ * need to set the `border-width` property instead of the entire `border`
+ * shorthand, making our border utilities much more straightforward to compose.
+ *
+ * https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: #e2e8f0; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+ border-top-width: 1px;
+}
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+img {
+ border-style: solid;
+}
+
+textarea {
+ resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+ color: #a0aec0;
+}
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ padding: 0;
+ line-height: inherit;
+ color: inherit;
+}
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+pre,
+code,
+kbd,
+samp {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/**
+ * Make replaced elements `display: block` by default as that's
+ * the behavior you want almost all of the time. Inspired by
+ * CSS Remedy, with `svg` added as well.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ vertical-align: middle;
+}
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their instrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+.container {
+ width: 100%;
+}
+
+@media (min-width: 640px) {
+ .container {
+ max-width: 640px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ max-width: 768px;
+ }
+}
+
+@media (min-width: 1024px) {
+ .container {
+ max-width: 1024px;
+ }
+}
+
+@media (min-width: 1280px) {
+ .container {
+ max-width: 1280px;
+ }
+}
+
+.space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+}
+
+.space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+}
+
+.space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+}
+
+.space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+}
+
+.space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+}
+
+.space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+}
+
+.space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+}
+
+.space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+}
+
+.space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+}
+
+.space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+}
+
+.space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+}
+
+.space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+}
+
+.space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+}
+
+.space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+}
+
+.space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+}
+
+.space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+}
+
+.space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+}
+
+.space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+}
+
+.space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+}
+
+.space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+}
+
+.-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+}
+
+.-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+}
+
+.-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+}
+
+.-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+}
+
+.-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+}
+
+.-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+}
+
+.-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+}
+
+.-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+}
+
+.-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+}
+
+.-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+}
+
+.-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+}
+
+.-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+}
+
+.-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+}
+
+.-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+}
+
+.-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+}
+
+.-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+}
+
+.-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+}
+
+.-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+}
+
+.space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+}
+
+.divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+}
+
+.divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+}
+
+.divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+}
+
+.divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+}
+
+.divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+}
+
+.divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+}
+
+.divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+}
+
+.divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+}
+
+.divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+}
+
+.divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+}
+
+.divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+}
+
+.divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+}
+
+.divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+}
+
+.divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+}
+
+.divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+}
+
+.divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+}
+
+.divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+}
+
+.divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+}
+
+.divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+}
+
+.divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+}
+
+.divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+}
+
+.divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+}
+
+.divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+}
+
+.divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+}
+
+.divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+}
+
+.divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+}
+
+.divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+}
+
+.divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+}
+
+.divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+}
+
+.divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+}
+
+.divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+}
+
+.divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+}
+
+.divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+}
+
+.divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+}
+
+.divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+}
+
+.divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+}
+
+.divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+}
+
+.divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+}
+
+.divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+}
+
+.divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+}
+
+.divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+}
+
+.divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+}
+
+.divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+}
+
+.divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+}
+
+.divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+}
+
+.divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+}
+
+.divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+}
+
+.divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+}
+
+.divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+}
+
+.divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+}
+
+.divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+}
+
+.divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+}
+
+.divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+}
+
+.divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+}
+
+.divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+}
+
+.divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+}
+
+.divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+}
+
+.divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+}
+
+.divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+}
+
+.divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+}
+
+.divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+}
+
+.divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+}
+
+.divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+}
+
+.divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+}
+
+.divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+}
+
+.divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+}
+
+.divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+}
+
+.divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+}
+
+.divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+}
+
+.divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+}
+
+.divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+}
+
+.divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+}
+
+.divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+}
+
+.divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+}
+
+.divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+}
+
+.divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+}
+
+.divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+}
+
+.divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+}
+
+.divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+}
+
+.divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+}
+
+.divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+}
+
+.divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+}
+
+.divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+}
+
+.divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+}
+
+.divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+}
+
+.divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+}
+
+.divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+}
+
+.divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+}
+
+.divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+}
+
+.divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+}
+
+.divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+}
+
+.divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+}
+
+.divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+}
+
+.divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+}
+
+.divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+}
+
+.divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+}
+
+.divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+}
+
+.divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+}
+
+.divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+}
+
+.divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+}
+
+.divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+}
+
+.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;
+}
+
+.not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.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;
+}
+
+.focus\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+}
+
+.appearance-none {
+ appearance: none;
+}
+
+.bg-fixed {
+ background-attachment: fixed;
+}
+
+.bg-local {
+ background-attachment: local;
+}
+
+.bg-scroll {
+ background-attachment: scroll;
+}
+
+.bg-transparent {
+ background-color: transparent;
+}
+
+.bg-current {
+ background-color: currentColor;
+}
+
+.bg-black {
+ background-color: #000;
+}
+
+.bg-white {
+ background-color: #fff;
+}
+
+.bg-gray-100 {
+ background-color: #f7fafc;
+}
+
+.bg-gray-200 {
+ background-color: #edf2f7;
+}
+
+.bg-gray-300 {
+ background-color: #e2e8f0;
+}
+
+.bg-gray-400 {
+ background-color: #cbd5e0;
+}
+
+.bg-gray-500 {
+ background-color: #a0aec0;
+}
+
+.bg-gray-600 {
+ background-color: #718096;
+}
+
+.bg-gray-700 {
+ background-color: #4a5568;
+}
+
+.bg-gray-800 {
+ background-color: #2d3748;
+}
+
+.bg-gray-900 {
+ background-color: #1a202c;
+}
+
+.bg-red-100 {
+ background-color: #fff5f5;
+}
+
+.bg-red-200 {
+ background-color: #fed7d7;
+}
+
+.bg-red-300 {
+ background-color: #feb2b2;
+}
+
+.bg-red-400 {
+ background-color: #fc8181;
+}
+
+.bg-red-500 {
+ background-color: #f56565;
+}
+
+.bg-red-600 {
+ background-color: #e53e3e;
+}
+
+.bg-red-700 {
+ background-color: #c53030;
+}
+
+.bg-red-800 {
+ background-color: #9b2c2c;
+}
+
+.bg-red-900 {
+ background-color: #742a2a;
+}
+
+.bg-orange-100 {
+ background-color: #fffaf0;
+}
+
+.bg-orange-200 {
+ background-color: #feebc8;
+}
+
+.bg-orange-300 {
+ background-color: #fbd38d;
+}
+
+.bg-orange-400 {
+ background-color: #f6ad55;
+}
+
+.bg-orange-500 {
+ background-color: #ed8936;
+}
+
+.bg-orange-600 {
+ background-color: #dd6b20;
+}
+
+.bg-orange-700 {
+ background-color: #c05621;
+}
+
+.bg-orange-800 {
+ background-color: #9c4221;
+}
+
+.bg-orange-900 {
+ background-color: #7b341e;
+}
+
+.bg-yellow-100 {
+ background-color: #fffff0;
+}
+
+.bg-yellow-200 {
+ background-color: #fefcbf;
+}
+
+.bg-yellow-300 {
+ background-color: #faf089;
+}
+
+.bg-yellow-400 {
+ background-color: #f6e05e;
+}
+
+.bg-yellow-500 {
+ background-color: #ecc94b;
+}
+
+.bg-yellow-600 {
+ background-color: #d69e2e;
+}
+
+.bg-yellow-700 {
+ background-color: #b7791f;
+}
+
+.bg-yellow-800 {
+ background-color: #975a16;
+}
+
+.bg-yellow-900 {
+ background-color: #744210;
+}
+
+.bg-green-100 {
+ background-color: #f0fff4;
+}
+
+.bg-green-200 {
+ background-color: #c6f6d5;
+}
+
+.bg-green-300 {
+ background-color: #9ae6b4;
+}
+
+.bg-green-400 {
+ background-color: #68d391;
+}
+
+.bg-green-500 {
+ background-color: #48bb78;
+}
+
+.bg-green-600 {
+ background-color: #38a169;
+}
+
+.bg-green-700 {
+ background-color: #2f855a;
+}
+
+.bg-green-800 {
+ background-color: #276749;
+}
+
+.bg-green-900 {
+ background-color: #22543d;
+}
+
+.bg-teal-100 {
+ background-color: #e6fffa;
+}
+
+.bg-teal-200 {
+ background-color: #b2f5ea;
+}
+
+.bg-teal-300 {
+ background-color: #81e6d9;
+}
+
+.bg-teal-400 {
+ background-color: #4fd1c5;
+}
+
+.bg-teal-500 {
+ background-color: #38b2ac;
+}
+
+.bg-teal-600 {
+ background-color: #319795;
+}
+
+.bg-teal-700 {
+ background-color: #2c7a7b;
+}
+
+.bg-teal-800 {
+ background-color: #285e61;
+}
+
+.bg-teal-900 {
+ background-color: #234e52;
+}
+
+.bg-blue-100 {
+ background-color: #ebf8ff;
+}
+
+.bg-blue-200 {
+ background-color: #bee3f8;
+}
+
+.bg-blue-300 {
+ background-color: #90cdf4;
+}
+
+.bg-blue-400 {
+ background-color: #63b3ed;
+}
+
+.bg-blue-500 {
+ background-color: #4299e1;
+}
+
+.bg-blue-600 {
+ background-color: #3182ce;
+}
+
+.bg-blue-700 {
+ background-color: #2b6cb0;
+}
+
+.bg-blue-800 {
+ background-color: #2c5282;
+}
+
+.bg-blue-900 {
+ background-color: #2a4365;
+}
+
+.bg-indigo-100 {
+ background-color: #ebf4ff;
+}
+
+.bg-indigo-200 {
+ background-color: #c3dafe;
+}
+
+.bg-indigo-300 {
+ background-color: #a3bffa;
+}
+
+.bg-indigo-400 {
+ background-color: #7f9cf5;
+}
+
+.bg-indigo-500 {
+ background-color: #667eea;
+}
+
+.bg-indigo-600 {
+ background-color: #5a67d8;
+}
+
+.bg-indigo-700 {
+ background-color: #4c51bf;
+}
+
+.bg-indigo-800 {
+ background-color: #434190;
+}
+
+.bg-indigo-900 {
+ background-color: #3c366b;
+}
+
+.bg-purple-100 {
+ background-color: #faf5ff;
+}
+
+.bg-purple-200 {
+ background-color: #e9d8fd;
+}
+
+.bg-purple-300 {
+ background-color: #d6bcfa;
+}
+
+.bg-purple-400 {
+ background-color: #b794f4;
+}
+
+.bg-purple-500 {
+ background-color: #9f7aea;
+}
+
+.bg-purple-600 {
+ background-color: #805ad5;
+}
+
+.bg-purple-700 {
+ background-color: #6b46c1;
+}
+
+.bg-purple-800 {
+ background-color: #553c9a;
+}
+
+.bg-purple-900 {
+ background-color: #44337a;
+}
+
+.bg-pink-100 {
+ background-color: #fff5f7;
+}
+
+.bg-pink-200 {
+ background-color: #fed7e2;
+}
+
+.bg-pink-300 {
+ background-color: #fbb6ce;
+}
+
+.bg-pink-400 {
+ background-color: #f687b3;
+}
+
+.bg-pink-500 {
+ background-color: #ed64a6;
+}
+
+.bg-pink-600 {
+ background-color: #d53f8c;
+}
+
+.bg-pink-700 {
+ background-color: #b83280;
+}
+
+.bg-pink-800 {
+ background-color: #97266d;
+}
+
+.bg-pink-900 {
+ background-color: #702459;
+}
+
+.hover\:bg-transparent:hover {
+ background-color: transparent;
+}
+
+.hover\:bg-current:hover {
+ background-color: currentColor;
+}
+
+.hover\:bg-black:hover {
+ background-color: #000;
+}
+
+.hover\:bg-white:hover {
+ background-color: #fff;
+}
+
+.hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+}
+
+.hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+}
+
+.hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+}
+
+.hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+}
+
+.hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+}
+
+.hover\:bg-gray-600:hover {
+ background-color: #718096;
+}
+
+.hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+}
+
+.hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+}
+
+.hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+}
+
+.hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+}
+
+.hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+}
+
+.hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+}
+
+.hover\:bg-red-400:hover {
+ background-color: #fc8181;
+}
+
+.hover\:bg-red-500:hover {
+ background-color: #f56565;
+}
+
+.hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+}
+
+.hover\:bg-red-700:hover {
+ background-color: #c53030;
+}
+
+.hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+}
+
+.hover\:bg-red-900:hover {
+ background-color: #742a2a;
+}
+
+.hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+}
+
+.hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+}
+
+.hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+}
+
+.hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+}
+
+.hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+}
+
+.hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+}
+
+.hover\:bg-orange-700:hover {
+ background-color: #c05621;
+}
+
+.hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+}
+
+.hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+}
+
+.hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+}
+
+.hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+}
+
+.hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+}
+
+.hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+}
+
+.hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+}
+
+.hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+}
+
+.hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+}
+
+.hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+}
+
+.hover\:bg-yellow-900:hover {
+ background-color: #744210;
+}
+
+.hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+}
+
+.hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+}
+
+.hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+}
+
+.hover\:bg-green-400:hover {
+ background-color: #68d391;
+}
+
+.hover\:bg-green-500:hover {
+ background-color: #48bb78;
+}
+
+.hover\:bg-green-600:hover {
+ background-color: #38a169;
+}
+
+.hover\:bg-green-700:hover {
+ background-color: #2f855a;
+}
+
+.hover\:bg-green-800:hover {
+ background-color: #276749;
+}
+
+.hover\:bg-green-900:hover {
+ background-color: #22543d;
+}
+
+.hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+}
+
+.hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+}
+
+.hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+}
+
+.hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+}
+
+.hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+}
+
+.hover\:bg-teal-600:hover {
+ background-color: #319795;
+}
+
+.hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+}
+
+.hover\:bg-teal-800:hover {
+ background-color: #285e61;
+}
+
+.hover\:bg-teal-900:hover {
+ background-color: #234e52;
+}
+
+.hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+}
+
+.hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+}
+
+.hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+}
+
+.hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+}
+
+.hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+}
+
+.hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+}
+
+.hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+}
+
+.hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+}
+
+.hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+}
+
+.hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+}
+
+.hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+}
+
+.hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+}
+
+.hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+}
+
+.hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+}
+
+.hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+}
+
+.hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+}
+
+.hover\:bg-indigo-800:hover {
+ background-color: #434190;
+}
+
+.hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+}
+
+.hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+}
+
+.hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+}
+
+.hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+}
+
+.hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+}
+
+.hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+}
+
+.hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+}
+
+.hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+}
+
+.hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+}
+
+.hover\:bg-purple-900:hover {
+ background-color: #44337a;
+}
+
+.hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+}
+
+.hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+}
+
+.hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+}
+
+.hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+}
+
+.hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+}
+
+.hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+}
+
+.hover\:bg-pink-700:hover {
+ background-color: #b83280;
+}
+
+.hover\:bg-pink-800:hover {
+ background-color: #97266d;
+}
+
+.hover\:bg-pink-900:hover {
+ background-color: #702459;
+}
+
+.focus\:bg-transparent:focus {
+ background-color: transparent;
+}
+
+.focus\:bg-current:focus {
+ background-color: currentColor;
+}
+
+.focus\:bg-black:focus {
+ background-color: #000;
+}
+
+.focus\:bg-white:focus {
+ background-color: #fff;
+}
+
+.focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+}
+
+.focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+}
+
+.focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+}
+
+.focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+}
+
+.focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+}
+
+.focus\:bg-gray-600:focus {
+ background-color: #718096;
+}
+
+.focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+}
+
+.focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+}
+
+.focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+}
+
+.focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+}
+
+.focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+}
+
+.focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+}
+
+.focus\:bg-red-400:focus {
+ background-color: #fc8181;
+}
+
+.focus\:bg-red-500:focus {
+ background-color: #f56565;
+}
+
+.focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+}
+
+.focus\:bg-red-700:focus {
+ background-color: #c53030;
+}
+
+.focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+}
+
+.focus\:bg-red-900:focus {
+ background-color: #742a2a;
+}
+
+.focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+}
+
+.focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+}
+
+.focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+}
+
+.focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+}
+
+.focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+}
+
+.focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+}
+
+.focus\:bg-orange-700:focus {
+ background-color: #c05621;
+}
+
+.focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+}
+
+.focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+}
+
+.focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+}
+
+.focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+}
+
+.focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+}
+
+.focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+}
+
+.focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+}
+
+.focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+}
+
+.focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+}
+
+.focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+}
+
+.focus\:bg-yellow-900:focus {
+ background-color: #744210;
+}
+
+.focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+}
+
+.focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+}
+
+.focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+}
+
+.focus\:bg-green-400:focus {
+ background-color: #68d391;
+}
+
+.focus\:bg-green-500:focus {
+ background-color: #48bb78;
+}
+
+.focus\:bg-green-600:focus {
+ background-color: #38a169;
+}
+
+.focus\:bg-green-700:focus {
+ background-color: #2f855a;
+}
+
+.focus\:bg-green-800:focus {
+ background-color: #276749;
+}
+
+.focus\:bg-green-900:focus {
+ background-color: #22543d;
+}
+
+.focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+}
+
+.focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+}
+
+.focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+}
+
+.focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+}
+
+.focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+}
+
+.focus\:bg-teal-600:focus {
+ background-color: #319795;
+}
+
+.focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+}
+
+.focus\:bg-teal-800:focus {
+ background-color: #285e61;
+}
+
+.focus\:bg-teal-900:focus {
+ background-color: #234e52;
+}
+
+.focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+}
+
+.focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+}
+
+.focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+}
+
+.focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+}
+
+.focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+}
+
+.focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+}
+
+.focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+}
+
+.focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+}
+
+.focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+}
+
+.focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+}
+
+.focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+}
+
+.focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+}
+
+.focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+}
+
+.focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+}
+
+.focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+}
+
+.focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+}
+
+.focus\:bg-indigo-800:focus {
+ background-color: #434190;
+}
+
+.focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+}
+
+.focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+}
+
+.focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+}
+
+.focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+}
+
+.focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+}
+
+.focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+}
+
+.focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+}
+
+.focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+}
+
+.focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+}
+
+.focus\:bg-purple-900:focus {
+ background-color: #44337a;
+}
+
+.focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+}
+
+.focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+}
+
+.focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+}
+
+.focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+}
+
+.focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+}
+
+.focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+}
+
+.focus\:bg-pink-700:focus {
+ background-color: #b83280;
+}
+
+.focus\:bg-pink-800:focus {
+ background-color: #97266d;
+}
+
+.focus\:bg-pink-900:focus {
+ background-color: #702459;
+}
+
+.bg-bottom {
+ background-position: bottom;
+}
+
+.bg-center {
+ background-position: center;
+}
+
+.bg-left {
+ background-position: left;
+}
+
+.bg-left-bottom {
+ background-position: left bottom;
+}
+
+.bg-left-top {
+ background-position: left top;
+}
+
+.bg-right {
+ background-position: right;
+}
+
+.bg-right-bottom {
+ background-position: right bottom;
+}
+
+.bg-right-top {
+ background-position: right top;
+}
+
+.bg-top {
+ background-position: top;
+}
+
+.bg-repeat {
+ background-repeat: repeat;
+}
+
+.bg-no-repeat {
+ background-repeat: no-repeat;
+}
+
+.bg-repeat-x {
+ background-repeat: repeat-x;
+}
+
+.bg-repeat-y {
+ background-repeat: repeat-y;
+}
+
+.bg-repeat-round {
+ background-repeat: round;
+}
+
+.bg-repeat-space {
+ background-repeat: space;
+}
+
+.bg-auto {
+ background-size: auto;
+}
+
+.bg-cover {
+ background-size: cover;
+}
+
+.bg-contain {
+ background-size: contain;
+}
+
+.border-collapse {
+ border-collapse: collapse;
+}
+
+.border-separate {
+ border-collapse: separate;
+}
+
+.border-transparent {
+ border-color: transparent;
+}
+
+.border-current {
+ border-color: currentColor;
+}
+
+.border-black {
+ border-color: #000;
+}
+
+.border-white {
+ border-color: #fff;
+}
+
+.border-gray-100 {
+ border-color: #f7fafc;
+}
+
+.border-gray-200 {
+ border-color: #edf2f7;
+}
+
+.border-gray-300 {
+ border-color: #e2e8f0;
+}
+
+.border-gray-400 {
+ border-color: #cbd5e0;
+}
+
+.border-gray-500 {
+ border-color: #a0aec0;
+}
+
+.border-gray-600 {
+ border-color: #718096;
+}
+
+.border-gray-700 {
+ border-color: #4a5568;
+}
+
+.border-gray-800 {
+ border-color: #2d3748;
+}
+
+.border-gray-900 {
+ border-color: #1a202c;
+}
+
+.border-red-100 {
+ border-color: #fff5f5;
+}
+
+.border-red-200 {
+ border-color: #fed7d7;
+}
+
+.border-red-300 {
+ border-color: #feb2b2;
+}
+
+.border-red-400 {
+ border-color: #fc8181;
+}
+
+.border-red-500 {
+ border-color: #f56565;
+}
+
+.border-red-600 {
+ border-color: #e53e3e;
+}
+
+.border-red-700 {
+ border-color: #c53030;
+}
+
+.border-red-800 {
+ border-color: #9b2c2c;
+}
+
+.border-red-900 {
+ border-color: #742a2a;
+}
+
+.border-orange-100 {
+ border-color: #fffaf0;
+}
+
+.border-orange-200 {
+ border-color: #feebc8;
+}
+
+.border-orange-300 {
+ border-color: #fbd38d;
+}
+
+.border-orange-400 {
+ border-color: #f6ad55;
+}
+
+.border-orange-500 {
+ border-color: #ed8936;
+}
+
+.border-orange-600 {
+ border-color: #dd6b20;
+}
+
+.border-orange-700 {
+ border-color: #c05621;
+}
+
+.border-orange-800 {
+ border-color: #9c4221;
+}
+
+.border-orange-900 {
+ border-color: #7b341e;
+}
+
+.border-yellow-100 {
+ border-color: #fffff0;
+}
+
+.border-yellow-200 {
+ border-color: #fefcbf;
+}
+
+.border-yellow-300 {
+ border-color: #faf089;
+}
+
+.border-yellow-400 {
+ border-color: #f6e05e;
+}
+
+.border-yellow-500 {
+ border-color: #ecc94b;
+}
+
+.border-yellow-600 {
+ border-color: #d69e2e;
+}
+
+.border-yellow-700 {
+ border-color: #b7791f;
+}
+
+.border-yellow-800 {
+ border-color: #975a16;
+}
+
+.border-yellow-900 {
+ border-color: #744210;
+}
+
+.border-green-100 {
+ border-color: #f0fff4;
+}
+
+.border-green-200 {
+ border-color: #c6f6d5;
+}
+
+.border-green-300 {
+ border-color: #9ae6b4;
+}
+
+.border-green-400 {
+ border-color: #68d391;
+}
+
+.border-green-500 {
+ border-color: #48bb78;
+}
+
+.border-green-600 {
+ border-color: #38a169;
+}
+
+.border-green-700 {
+ border-color: #2f855a;
+}
+
+.border-green-800 {
+ border-color: #276749;
+}
+
+.border-green-900 {
+ border-color: #22543d;
+}
+
+.border-teal-100 {
+ border-color: #e6fffa;
+}
+
+.border-teal-200 {
+ border-color: #b2f5ea;
+}
+
+.border-teal-300 {
+ border-color: #81e6d9;
+}
+
+.border-teal-400 {
+ border-color: #4fd1c5;
+}
+
+.border-teal-500 {
+ border-color: #38b2ac;
+}
+
+.border-teal-600 {
+ border-color: #319795;
+}
+
+.border-teal-700 {
+ border-color: #2c7a7b;
+}
+
+.border-teal-800 {
+ border-color: #285e61;
+}
+
+.border-teal-900 {
+ border-color: #234e52;
+}
+
+.border-blue-100 {
+ border-color: #ebf8ff;
+}
+
+.border-blue-200 {
+ border-color: #bee3f8;
+}
+
+.border-blue-300 {
+ border-color: #90cdf4;
+}
+
+.border-blue-400 {
+ border-color: #63b3ed;
+}
+
+.border-blue-500 {
+ border-color: #4299e1;
+}
+
+.border-blue-600 {
+ border-color: #3182ce;
+}
+
+.border-blue-700 {
+ border-color: #2b6cb0;
+}
+
+.border-blue-800 {
+ border-color: #2c5282;
+}
+
+.border-blue-900 {
+ border-color: #2a4365;
+}
+
+.border-indigo-100 {
+ border-color: #ebf4ff;
+}
+
+.border-indigo-200 {
+ border-color: #c3dafe;
+}
+
+.border-indigo-300 {
+ border-color: #a3bffa;
+}
+
+.border-indigo-400 {
+ border-color: #7f9cf5;
+}
+
+.border-indigo-500 {
+ border-color: #667eea;
+}
+
+.border-indigo-600 {
+ border-color: #5a67d8;
+}
+
+.border-indigo-700 {
+ border-color: #4c51bf;
+}
+
+.border-indigo-800 {
+ border-color: #434190;
+}
+
+.border-indigo-900 {
+ border-color: #3c366b;
+}
+
+.border-purple-100 {
+ border-color: #faf5ff;
+}
+
+.border-purple-200 {
+ border-color: #e9d8fd;
+}
+
+.border-purple-300 {
+ border-color: #d6bcfa;
+}
+
+.border-purple-400 {
+ border-color: #b794f4;
+}
+
+.border-purple-500 {
+ border-color: #9f7aea;
+}
+
+.border-purple-600 {
+ border-color: #805ad5;
+}
+
+.border-purple-700 {
+ border-color: #6b46c1;
+}
+
+.border-purple-800 {
+ border-color: #553c9a;
+}
+
+.border-purple-900 {
+ border-color: #44337a;
+}
+
+.border-pink-100 {
+ border-color: #fff5f7;
+}
+
+.border-pink-200 {
+ border-color: #fed7e2;
+}
+
+.border-pink-300 {
+ border-color: #fbb6ce;
+}
+
+.border-pink-400 {
+ border-color: #f687b3;
+}
+
+.border-pink-500 {
+ border-color: #ed64a6;
+}
+
+.border-pink-600 {
+ border-color: #d53f8c;
+}
+
+.border-pink-700 {
+ border-color: #b83280;
+}
+
+.border-pink-800 {
+ border-color: #97266d;
+}
+
+.border-pink-900 {
+ border-color: #702459;
+}
+
+.hover\:border-transparent:hover {
+ border-color: transparent;
+}
+
+.hover\:border-current:hover {
+ border-color: currentColor;
+}
+
+.hover\:border-black:hover {
+ border-color: #000;
+}
+
+.hover\:border-white:hover {
+ border-color: #fff;
+}
+
+.hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+}
+
+.hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+}
+
+.hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+}
+
+.hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+}
+
+.hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+}
+
+.hover\:border-gray-600:hover {
+ border-color: #718096;
+}
+
+.hover\:border-gray-700:hover {
+ border-color: #4a5568;
+}
+
+.hover\:border-gray-800:hover {
+ border-color: #2d3748;
+}
+
+.hover\:border-gray-900:hover {
+ border-color: #1a202c;
+}
+
+.hover\:border-red-100:hover {
+ border-color: #fff5f5;
+}
+
+.hover\:border-red-200:hover {
+ border-color: #fed7d7;
+}
+
+.hover\:border-red-300:hover {
+ border-color: #feb2b2;
+}
+
+.hover\:border-red-400:hover {
+ border-color: #fc8181;
+}
+
+.hover\:border-red-500:hover {
+ border-color: #f56565;
+}
+
+.hover\:border-red-600:hover {
+ border-color: #e53e3e;
+}
+
+.hover\:border-red-700:hover {
+ border-color: #c53030;
+}
+
+.hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+}
+
+.hover\:border-red-900:hover {
+ border-color: #742a2a;
+}
+
+.hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+}
+
+.hover\:border-orange-200:hover {
+ border-color: #feebc8;
+}
+
+.hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+}
+
+.hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+}
+
+.hover\:border-orange-500:hover {
+ border-color: #ed8936;
+}
+
+.hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+}
+
+.hover\:border-orange-700:hover {
+ border-color: #c05621;
+}
+
+.hover\:border-orange-800:hover {
+ border-color: #9c4221;
+}
+
+.hover\:border-orange-900:hover {
+ border-color: #7b341e;
+}
+
+.hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+}
+
+.hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+}
+
+.hover\:border-yellow-300:hover {
+ border-color: #faf089;
+}
+
+.hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+}
+
+.hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+}
+
+.hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+}
+
+.hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+}
+
+.hover\:border-yellow-800:hover {
+ border-color: #975a16;
+}
+
+.hover\:border-yellow-900:hover {
+ border-color: #744210;
+}
+
+.hover\:border-green-100:hover {
+ border-color: #f0fff4;
+}
+
+.hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+}
+
+.hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+}
+
+.hover\:border-green-400:hover {
+ border-color: #68d391;
+}
+
+.hover\:border-green-500:hover {
+ border-color: #48bb78;
+}
+
+.hover\:border-green-600:hover {
+ border-color: #38a169;
+}
+
+.hover\:border-green-700:hover {
+ border-color: #2f855a;
+}
+
+.hover\:border-green-800:hover {
+ border-color: #276749;
+}
+
+.hover\:border-green-900:hover {
+ border-color: #22543d;
+}
+
+.hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+}
+
+.hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+}
+
+.hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+}
+
+.hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+}
+
+.hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+}
+
+.hover\:border-teal-600:hover {
+ border-color: #319795;
+}
+
+.hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+}
+
+.hover\:border-teal-800:hover {
+ border-color: #285e61;
+}
+
+.hover\:border-teal-900:hover {
+ border-color: #234e52;
+}
+
+.hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+}
+
+.hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+}
+
+.hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+}
+
+.hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+}
+
+.hover\:border-blue-500:hover {
+ border-color: #4299e1;
+}
+
+.hover\:border-blue-600:hover {
+ border-color: #3182ce;
+}
+
+.hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+}
+
+.hover\:border-blue-800:hover {
+ border-color: #2c5282;
+}
+
+.hover\:border-blue-900:hover {
+ border-color: #2a4365;
+}
+
+.hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+}
+
+.hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+}
+
+.hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+}
+
+.hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+}
+
+.hover\:border-indigo-500:hover {
+ border-color: #667eea;
+}
+
+.hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+}
+
+.hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+}
+
+.hover\:border-indigo-800:hover {
+ border-color: #434190;
+}
+
+.hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+}
+
+.hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+}
+
+.hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+}
+
+.hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+}
+
+.hover\:border-purple-400:hover {
+ border-color: #b794f4;
+}
+
+.hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+}
+
+.hover\:border-purple-600:hover {
+ border-color: #805ad5;
+}
+
+.hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+}
+
+.hover\:border-purple-800:hover {
+ border-color: #553c9a;
+}
+
+.hover\:border-purple-900:hover {
+ border-color: #44337a;
+}
+
+.hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+}
+
+.hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+}
+
+.hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+}
+
+.hover\:border-pink-400:hover {
+ border-color: #f687b3;
+}
+
+.hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+}
+
+.hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+}
+
+.hover\:border-pink-700:hover {
+ border-color: #b83280;
+}
+
+.hover\:border-pink-800:hover {
+ border-color: #97266d;
+}
+
+.hover\:border-pink-900:hover {
+ border-color: #702459;
+}
+
+.focus\:border-transparent:focus {
+ border-color: transparent;
+}
+
+.focus\:border-current:focus {
+ border-color: currentColor;
+}
+
+.focus\:border-black:focus {
+ border-color: #000;
+}
+
+.focus\:border-white:focus {
+ border-color: #fff;
+}
+
+.focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+}
+
+.focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+}
+
+.focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+}
+
+.focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+}
+
+.focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+}
+
+.focus\:border-gray-600:focus {
+ border-color: #718096;
+}
+
+.focus\:border-gray-700:focus {
+ border-color: #4a5568;
+}
+
+.focus\:border-gray-800:focus {
+ border-color: #2d3748;
+}
+
+.focus\:border-gray-900:focus {
+ border-color: #1a202c;
+}
+
+.focus\:border-red-100:focus {
+ border-color: #fff5f5;
+}
+
+.focus\:border-red-200:focus {
+ border-color: #fed7d7;
+}
+
+.focus\:border-red-300:focus {
+ border-color: #feb2b2;
+}
+
+.focus\:border-red-400:focus {
+ border-color: #fc8181;
+}
+
+.focus\:border-red-500:focus {
+ border-color: #f56565;
+}
+
+.focus\:border-red-600:focus {
+ border-color: #e53e3e;
+}
+
+.focus\:border-red-700:focus {
+ border-color: #c53030;
+}
+
+.focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+}
+
+.focus\:border-red-900:focus {
+ border-color: #742a2a;
+}
+
+.focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+}
+
+.focus\:border-orange-200:focus {
+ border-color: #feebc8;
+}
+
+.focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+}
+
+.focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+}
+
+.focus\:border-orange-500:focus {
+ border-color: #ed8936;
+}
+
+.focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+}
+
+.focus\:border-orange-700:focus {
+ border-color: #c05621;
+}
+
+.focus\:border-orange-800:focus {
+ border-color: #9c4221;
+}
+
+.focus\:border-orange-900:focus {
+ border-color: #7b341e;
+}
+
+.focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+}
+
+.focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+}
+
+.focus\:border-yellow-300:focus {
+ border-color: #faf089;
+}
+
+.focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+}
+
+.focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+}
+
+.focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+}
+
+.focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+}
+
+.focus\:border-yellow-800:focus {
+ border-color: #975a16;
+}
+
+.focus\:border-yellow-900:focus {
+ border-color: #744210;
+}
+
+.focus\:border-green-100:focus {
+ border-color: #f0fff4;
+}
+
+.focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+}
+
+.focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+}
+
+.focus\:border-green-400:focus {
+ border-color: #68d391;
+}
+
+.focus\:border-green-500:focus {
+ border-color: #48bb78;
+}
+
+.focus\:border-green-600:focus {
+ border-color: #38a169;
+}
+
+.focus\:border-green-700:focus {
+ border-color: #2f855a;
+}
+
+.focus\:border-green-800:focus {
+ border-color: #276749;
+}
+
+.focus\:border-green-900:focus {
+ border-color: #22543d;
+}
+
+.focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+}
+
+.focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+}
+
+.focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+}
+
+.focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+}
+
+.focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+}
+
+.focus\:border-teal-600:focus {
+ border-color: #319795;
+}
+
+.focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+}
+
+.focus\:border-teal-800:focus {
+ border-color: #285e61;
+}
+
+.focus\:border-teal-900:focus {
+ border-color: #234e52;
+}
+
+.focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+}
+
+.focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+}
+
+.focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+}
+
+.focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+}
+
+.focus\:border-blue-500:focus {
+ border-color: #4299e1;
+}
+
+.focus\:border-blue-600:focus {
+ border-color: #3182ce;
+}
+
+.focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+}
+
+.focus\:border-blue-800:focus {
+ border-color: #2c5282;
+}
+
+.focus\:border-blue-900:focus {
+ border-color: #2a4365;
+}
+
+.focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+}
+
+.focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+}
+
+.focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+}
+
+.focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+}
+
+.focus\:border-indigo-500:focus {
+ border-color: #667eea;
+}
+
+.focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+}
+
+.focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+}
+
+.focus\:border-indigo-800:focus {
+ border-color: #434190;
+}
+
+.focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+}
+
+.focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+}
+
+.focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+}
+
+.focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+}
+
+.focus\:border-purple-400:focus {
+ border-color: #b794f4;
+}
+
+.focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+}
+
+.focus\:border-purple-600:focus {
+ border-color: #805ad5;
+}
+
+.focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+}
+
+.focus\:border-purple-800:focus {
+ border-color: #553c9a;
+}
+
+.focus\:border-purple-900:focus {
+ border-color: #44337a;
+}
+
+.focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+}
+
+.focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+}
+
+.focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+}
+
+.focus\:border-pink-400:focus {
+ border-color: #f687b3;
+}
+
+.focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+}
+
+.focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+}
+
+.focus\:border-pink-700:focus {
+ border-color: #b83280;
+}
+
+.focus\:border-pink-800:focus {
+ border-color: #97266d;
+}
+
+.focus\:border-pink-900:focus {
+ border-color: #702459;
+}
+
+.rounded-none {
+ border-radius: 0;
+}
+
+.rounded-sm {
+ border-radius: 0.125rem;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.rounded-md {
+ border-radius: 0.375rem;
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.rounded-full {
+ border-radius: 9999px;
+}
+
+.rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+}
+
+.rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+}
+
+.rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+}
+
+.rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+}
+
+.rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.rounded-tl-none {
+ border-top-left-radius: 0;
+}
+
+.rounded-tr-none {
+ border-top-right-radius: 0;
+}
+
+.rounded-br-none {
+ border-bottom-right-radius: 0;
+}
+
+.rounded-bl-none {
+ border-bottom-left-radius: 0;
+}
+
+.rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+}
+
+.rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+}
+
+.rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+}
+
+.rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+}
+
+.rounded-tl {
+ border-top-left-radius: 0.25rem;
+}
+
+.rounded-tr {
+ border-top-right-radius: 0.25rem;
+}
+
+.rounded-br {
+ border-bottom-right-radius: 0.25rem;
+}
+
+.rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+}
+
+.rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+}
+
+.rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+}
+
+.rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+}
+
+.rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+}
+
+.rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+}
+
+.rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+}
+
+.rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+}
+
+.rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+}
+
+.rounded-tl-full {
+ border-top-left-radius: 9999px;
+}
+
+.rounded-tr-full {
+ border-top-right-radius: 9999px;
+}
+
+.rounded-br-full {
+ border-bottom-right-radius: 9999px;
+}
+
+.rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+}
+
+.border-solid {
+ border-style: solid;
+}
+
+.border-dashed {
+ border-style: dashed;
+}
+
+.border-dotted {
+ border-style: dotted;
+}
+
+.border-double {
+ border-style: double;
+}
+
+.border-none {
+ border-style: none;
+}
+
+.border-0 {
+ border-width: 0;
+}
+
+.border-2 {
+ border-width: 2px;
+}
+
+.border-4 {
+ border-width: 4px;
+}
+
+.border-8 {
+ border-width: 8px;
+}
+
+.border {
+ border-width: 1px;
+}
+
+.border-t-0 {
+ border-top-width: 0;
+}
+
+.border-r-0 {
+ border-right-width: 0;
+}
+
+.border-b-0 {
+ border-bottom-width: 0;
+}
+
+.border-l-0 {
+ border-left-width: 0;
+}
+
+.border-t-2 {
+ border-top-width: 2px;
+}
+
+.border-r-2 {
+ border-right-width: 2px;
+}
+
+.border-b-2 {
+ border-bottom-width: 2px;
+}
+
+.border-l-2 {
+ border-left-width: 2px;
+}
+
+.border-t-4 {
+ border-top-width: 4px;
+}
+
+.border-r-4 {
+ border-right-width: 4px;
+}
+
+.border-b-4 {
+ border-bottom-width: 4px;
+}
+
+.border-l-4 {
+ border-left-width: 4px;
+}
+
+.border-t-8 {
+ border-top-width: 8px;
+}
+
+.border-r-8 {
+ border-right-width: 8px;
+}
+
+.border-b-8 {
+ border-bottom-width: 8px;
+}
+
+.border-l-8 {
+ border-left-width: 8px;
+}
+
+.border-t {
+ border-top-width: 1px;
+}
+
+.border-r {
+ border-right-width: 1px;
+}
+
+.border-b {
+ border-bottom-width: 1px;
+}
+
+.border-l {
+ border-left-width: 1px;
+}
+
+.box-border {
+ box-sizing: border-box;
+}
+
+.box-content {
+ box-sizing: content-box;
+}
+
+.cursor-auto {
+ cursor: auto;
+}
+
+.cursor-default {
+ cursor: default;
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.cursor-wait {
+ cursor: wait;
+}
+
+.cursor-text {
+ cursor: text;
+}
+
+.cursor-move {
+ cursor: move;
+}
+
+.cursor-not-allowed {
+ cursor: not-allowed;
+}
+
+.block {
+ display: block;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+.inline {
+ display: inline;
+}
+
+.flex {
+ display: flex;
+}
+
+.inline-flex {
+ display: inline-flex;
+}
+
+.table {
+ display: table;
+}
+
+.table-caption {
+ display: table-caption;
+}
+
+.table-cell {
+ display: table-cell;
+}
+
+.table-column {
+ display: table-column;
+}
+
+.table-column-group {
+ display: table-column-group;
+}
+
+.table-footer-group {
+ display: table-footer-group;
+}
+
+.table-header-group {
+ display: table-header-group;
+}
+
+.table-row-group {
+ display: table-row-group;
+}
+
+.table-row {
+ display: table-row;
+}
+
+.flow-root {
+ display: flow-root;
+}
+
+.grid {
+ display: grid;
+}
+
+.inline-grid {
+ display: inline-grid;
+}
+
+.hidden {
+ display: none;
+}
+
+.flex-row {
+ flex-direction: row;
+}
+
+.flex-row-reverse {
+ flex-direction: row-reverse;
+}
+
+.flex-col {
+ flex-direction: column;
+}
+
+.flex-col-reverse {
+ flex-direction: column-reverse;
+}
+
+.flex-wrap {
+ flex-wrap: wrap;
+}
+
+.flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+}
+
+.flex-no-wrap {
+ flex-wrap: nowrap;
+}
+
+.items-start {
+ align-items: flex-start;
+}
+
+.items-end {
+ align-items: flex-end;
+}
+
+.items-center {
+ align-items: center;
+}
+
+.items-baseline {
+ align-items: baseline;
+}
+
+.items-stretch {
+ align-items: stretch;
+}
+
+.self-auto {
+ align-self: auto;
+}
+
+.self-start {
+ align-self: flex-start;
+}
+
+.self-end {
+ align-self: flex-end;
+}
+
+.self-center {
+ align-self: center;
+}
+
+.self-stretch {
+ align-self: stretch;
+}
+
+.justify-start {
+ justify-content: flex-start;
+}
+
+.justify-end {
+ justify-content: flex-end;
+}
+
+.justify-center {
+ justify-content: center;
+}
+
+.justify-between {
+ justify-content: space-between;
+}
+
+.justify-around {
+ justify-content: space-around;
+}
+
+.justify-evenly {
+ justify-content: space-evenly;
+}
+
+.content-center {
+ align-content: center;
+}
+
+.content-start {
+ align-content: flex-start;
+}
+
+.content-end {
+ align-content: flex-end;
+}
+
+.content-between {
+ align-content: space-between;
+}
+
+.content-around {
+ align-content: space-around;
+}
+
+.flex-1 {
+ flex: 1 1 0%;
+}
+
+.flex-auto {
+ flex: 1 1 auto;
+}
+
+.flex-initial {
+ flex: 0 1 auto;
+}
+
+.flex-none {
+ flex: none;
+}
+
+.flex-grow-0 {
+ flex-grow: 0;
+}
+
+.flex-grow {
+ flex-grow: 1;
+}
+
+.flex-shrink-0 {
+ flex-shrink: 0;
+}
+
+.flex-shrink {
+ flex-shrink: 1;
+}
+
+.order-1 {
+ order: 1;
+}
+
+.order-2 {
+ order: 2;
+}
+
+.order-3 {
+ order: 3;
+}
+
+.order-4 {
+ order: 4;
+}
+
+.order-5 {
+ order: 5;
+}
+
+.order-6 {
+ order: 6;
+}
+
+.order-7 {
+ order: 7;
+}
+
+.order-8 {
+ order: 8;
+}
+
+.order-9 {
+ order: 9;
+}
+
+.order-10 {
+ order: 10;
+}
+
+.order-11 {
+ order: 11;
+}
+
+.order-12 {
+ order: 12;
+}
+
+.order-first {
+ order: -9999;
+}
+
+.order-last {
+ order: 9999;
+}
+
+.order-none {
+ order: 0;
+}
+
+.float-right {
+ float: right;
+}
+
+.float-left {
+ float: left;
+}
+
+.float-none {
+ float: none;
+}
+
+.clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.clear-left {
+ clear: left;
+}
+
+.clear-right {
+ clear: right;
+}
+
+.clear-both {
+ clear: both;
+}
+
+.clear-none {
+ clear: none;
+}
+
+.font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.font-hairline {
+ font-weight: 100;
+}
+
+.font-thin {
+ 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;
+}
+
+.hover\:font-hairline:hover {
+ font-weight: 100;
+}
+
+.hover\:font-thin:hover {
+ font-weight: 200;
+}
+
+.hover\:font-light:hover {
+ font-weight: 300;
+}
+
+.hover\:font-normal:hover {
+ font-weight: 400;
+}
+
+.hover\:font-medium:hover {
+ font-weight: 500;
+}
+
+.hover\:font-semibold:hover {
+ font-weight: 600;
+}
+
+.hover\:font-bold:hover {
+ font-weight: 700;
+}
+
+.hover\:font-extrabold:hover {
+ font-weight: 800;
+}
+
+.hover\:font-black:hover {
+ font-weight: 900;
+}
+
+.focus\:font-hairline:focus {
+ font-weight: 100;
+}
+
+.focus\:font-thin:focus {
+ font-weight: 200;
+}
+
+.focus\:font-light:focus {
+ font-weight: 300;
+}
+
+.focus\:font-normal:focus {
+ font-weight: 400;
+}
+
+.focus\:font-medium:focus {
+ font-weight: 500;
+}
+
+.focus\:font-semibold:focus {
+ font-weight: 600;
+}
+
+.focus\:font-bold:focus {
+ font-weight: 700;
+}
+
+.focus\:font-extrabold:focus {
+ font-weight: 800;
+}
+
+.focus\:font-black:focus {
+ font-weight: 900;
+}
+
+.h-0 {
+ height: 0;
+}
+
+.h-1 {
+ height: 0.25rem;
+}
+
+.h-2 {
+ height: 0.5rem;
+}
+
+.h-3 {
+ height: 0.75rem;
+}
+
+.h-4 {
+ height: 1rem;
+}
+
+.h-5 {
+ height: 1.25rem;
+}
+
+.h-6 {
+ height: 1.5rem;
+}
+
+.h-8 {
+ height: 2rem;
+}
+
+.h-10 {
+ height: 2.5rem;
+}
+
+.h-12 {
+ height: 3rem;
+}
+
+.h-16 {
+ height: 4rem;
+}
+
+.h-20 {
+ height: 5rem;
+}
+
+.h-24 {
+ height: 6rem;
+}
+
+.h-32 {
+ height: 8rem;
+}
+
+.h-40 {
+ height: 10rem;
+}
+
+.h-48 {
+ height: 12rem;
+}
+
+.h-56 {
+ height: 14rem;
+}
+
+.h-64 {
+ height: 16rem;
+}
+
+.h-auto {
+ height: auto;
+}
+
+.h-px {
+ height: 1px;
+}
+
+.h-full {
+ height: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.text-xs {
+ font-size: 0.75rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+}
+
+.text-base {
+ font-size: 1rem;
+}
+
+.text-lg {
+ font-size: 1.125rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+}
+
+.text-5xl {
+ font-size: 3rem;
+}
+
+.text-6xl {
+ font-size: 4rem;
+}
+
+.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;
+}
+
+.list-inside {
+ list-style-position: inside;
+}
+
+.list-outside {
+ list-style-position: outside;
+}
+
+.list-none {
+ list-style-type: none;
+}
+
+.list-disc {
+ list-style-type: disc;
+}
+
+.list-decimal {
+ list-style-type: decimal;
+}
+
+.m-0 {
+ margin: 0;
+}
+
+.m-1 {
+ margin: 0.25rem;
+}
+
+.m-2 {
+ margin: 0.5rem;
+}
+
+.m-3 {
+ margin: 0.75rem;
+}
+
+.m-4 {
+ margin: 1rem;
+}
+
+.m-5 {
+ margin: 1.25rem;
+}
+
+.m-6 {
+ margin: 1.5rem;
+}
+
+.m-8 {
+ margin: 2rem;
+}
+
+.m-10 {
+ margin: 2.5rem;
+}
+
+.m-12 {
+ margin: 3rem;
+}
+
+.m-16 {
+ margin: 4rem;
+}
+
+.m-20 {
+ margin: 5rem;
+}
+
+.m-24 {
+ margin: 6rem;
+}
+
+.m-32 {
+ margin: 8rem;
+}
+
+.m-40 {
+ margin: 10rem;
+}
+
+.m-48 {
+ margin: 12rem;
+}
+
+.m-56 {
+ margin: 14rem;
+}
+
+.m-64 {
+ margin: 16rem;
+}
+
+.m-auto {
+ margin: auto;
+}
+
+.m-px {
+ margin: 1px;
+}
+
+.-m-1 {
+ margin: -0.25rem;
+}
+
+.-m-2 {
+ margin: -0.5rem;
+}
+
+.-m-3 {
+ margin: -0.75rem;
+}
+
+.-m-4 {
+ margin: -1rem;
+}
+
+.-m-5 {
+ margin: -1.25rem;
+}
+
+.-m-6 {
+ margin: -1.5rem;
+}
+
+.-m-8 {
+ margin: -2rem;
+}
+
+.-m-10 {
+ margin: -2.5rem;
+}
+
+.-m-12 {
+ margin: -3rem;
+}
+
+.-m-16 {
+ margin: -4rem;
+}
+
+.-m-20 {
+ margin: -5rem;
+}
+
+.-m-24 {
+ margin: -6rem;
+}
+
+.-m-32 {
+ margin: -8rem;
+}
+
+.-m-40 {
+ margin: -10rem;
+}
+
+.-m-48 {
+ margin: -12rem;
+}
+
+.-m-56 {
+ margin: -14rem;
+}
+
+.-m-64 {
+ margin: -16rem;
+}
+
+.-m-px {
+ margin: -1px;
+}
+
+.my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+}
+
+.mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+
+.my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+}
+
+.my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+}
+
+.my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+}
+
+.mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+}
+
+.my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+}
+
+.my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+.mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+}
+
+.my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+}
+
+.mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+}
+
+.my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+}
+
+.mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+}
+
+.my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+}
+
+.mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+}
+
+.my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+}
+
+.mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+}
+
+.my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+}
+
+.mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+}
+
+.my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+}
+
+.mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+}
+
+.my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+}
+
+.mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+}
+
+.my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+}
+
+.mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+}
+
+.my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+}
+
+.mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+}
+
+.my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+}
+
+.mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+}
+
+.my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+}
+
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+.mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+}
+
+.-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+}
+
+.-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+}
+
+.-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+}
+
+.-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+}
+
+.-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+}
+
+.-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+}
+
+.-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+}
+
+.-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+}
+
+.-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+}
+
+.-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+}
+
+.-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+.-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+}
+
+.-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+}
+
+.-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+}
+
+.-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+}
+
+.-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+}
+
+.-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+}
+
+.-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+}
+
+.-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+}
+
+.-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+}
+
+.-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+}
+
+.-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+}
+
+.-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+}
+
+.-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+}
+
+.-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+}
+
+.-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+}
+
+.-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+}
+
+.-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+}
+
+.-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+}
+
+.-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+}
+
+.-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+}
+
+.-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+}
+
+.-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+}
+
+.-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+}
+
+.-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.mt-0 {
+ margin-top: 0;
+}
+
+.mr-0 {
+ margin-right: 0;
+}
+
+.mb-0 {
+ margin-bottom: 0;
+}
+
+.ml-0 {
+ margin-left: 0;
+}
+
+.mt-1 {
+ margin-top: 0.25rem;
+}
+
+.mr-1 {
+ margin-right: 0.25rem;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem;
+}
+
+.ml-1 {
+ margin-left: 0.25rem;
+}
+
+.mt-2 {
+ margin-top: 0.5rem;
+}
+
+.mr-2 {
+ margin-right: 0.5rem;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem;
+}
+
+.ml-2 {
+ margin-left: 0.5rem;
+}
+
+.mt-3 {
+ margin-top: 0.75rem;
+}
+
+.mr-3 {
+ margin-right: 0.75rem;
+}
+
+.mb-3 {
+ margin-bottom: 0.75rem;
+}
+
+.ml-3 {
+ margin-left: 0.75rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mr-4 {
+ margin-right: 1rem;
+}
+
+.mb-4 {
+ margin-bottom: 1rem;
+}
+
+.ml-4 {
+ margin-left: 1rem;
+}
+
+.mt-5 {
+ margin-top: 1.25rem;
+}
+
+.mr-5 {
+ margin-right: 1.25rem;
+}
+
+.mb-5 {
+ margin-bottom: 1.25rem;
+}
+
+.ml-5 {
+ margin-left: 1.25rem;
+}
+
+.mt-6 {
+ margin-top: 1.5rem;
+}
+
+.mr-6 {
+ margin-right: 1.5rem;
+}
+
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+
+.ml-6 {
+ margin-left: 1.5rem;
+}
+
+.mt-8 {
+ margin-top: 2rem;
+}
+
+.mr-8 {
+ margin-right: 2rem;
+}
+
+.mb-8 {
+ margin-bottom: 2rem;
+}
+
+.ml-8 {
+ margin-left: 2rem;
+}
+
+.mt-10 {
+ margin-top: 2.5rem;
+}
+
+.mr-10 {
+ margin-right: 2.5rem;
+}
+
+.mb-10 {
+ margin-bottom: 2.5rem;
+}
+
+.ml-10 {
+ margin-left: 2.5rem;
+}
+
+.mt-12 {
+ margin-top: 3rem;
+}
+
+.mr-12 {
+ margin-right: 3rem;
+}
+
+.mb-12 {
+ margin-bottom: 3rem;
+}
+
+.ml-12 {
+ margin-left: 3rem;
+}
+
+.mt-16 {
+ margin-top: 4rem;
+}
+
+.mr-16 {
+ margin-right: 4rem;
+}
+
+.mb-16 {
+ margin-bottom: 4rem;
+}
+
+.ml-16 {
+ margin-left: 4rem;
+}
+
+.mt-20 {
+ margin-top: 5rem;
+}
+
+.mr-20 {
+ margin-right: 5rem;
+}
+
+.mb-20 {
+ margin-bottom: 5rem;
+}
+
+.ml-20 {
+ margin-left: 5rem;
+}
+
+.mt-24 {
+ margin-top: 6rem;
+}
+
+.mr-24 {
+ margin-right: 6rem;
+}
+
+.mb-24 {
+ margin-bottom: 6rem;
+}
+
+.ml-24 {
+ margin-left: 6rem;
+}
+
+.mt-32 {
+ margin-top: 8rem;
+}
+
+.mr-32 {
+ margin-right: 8rem;
+}
+
+.mb-32 {
+ margin-bottom: 8rem;
+}
+
+.ml-32 {
+ margin-left: 8rem;
+}
+
+.mt-40 {
+ margin-top: 10rem;
+}
+
+.mr-40 {
+ margin-right: 10rem;
+}
+
+.mb-40 {
+ margin-bottom: 10rem;
+}
+
+.ml-40 {
+ margin-left: 10rem;
+}
+
+.mt-48 {
+ margin-top: 12rem;
+}
+
+.mr-48 {
+ margin-right: 12rem;
+}
+
+.mb-48 {
+ margin-bottom: 12rem;
+}
+
+.ml-48 {
+ margin-left: 12rem;
+}
+
+.mt-56 {
+ margin-top: 14rem;
+}
+
+.mr-56 {
+ margin-right: 14rem;
+}
+
+.mb-56 {
+ margin-bottom: 14rem;
+}
+
+.ml-56 {
+ margin-left: 14rem;
+}
+
+.mt-64 {
+ margin-top: 16rem;
+}
+
+.mr-64 {
+ margin-right: 16rem;
+}
+
+.mb-64 {
+ margin-bottom: 16rem;
+}
+
+.ml-64 {
+ margin-left: 16rem;
+}
+
+.mt-auto {
+ margin-top: auto;
+}
+
+.mr-auto {
+ margin-right: auto;
+}
+
+.mb-auto {
+ margin-bottom: auto;
+}
+
+.ml-auto {
+ margin-left: auto;
+}
+
+.mt-px {
+ margin-top: 1px;
+}
+
+.mr-px {
+ margin-right: 1px;
+}
+
+.mb-px {
+ margin-bottom: 1px;
+}
+
+.ml-px {
+ margin-left: 1px;
+}
+
+.-mt-1 {
+ margin-top: -0.25rem;
+}
+
+.-mr-1 {
+ margin-right: -0.25rem;
+}
+
+.-mb-1 {
+ margin-bottom: -0.25rem;
+}
+
+.-ml-1 {
+ margin-left: -0.25rem;
+}
+
+.-mt-2 {
+ margin-top: -0.5rem;
+}
+
+.-mr-2 {
+ margin-right: -0.5rem;
+}
+
+.-mb-2 {
+ margin-bottom: -0.5rem;
+}
+
+.-ml-2 {
+ margin-left: -0.5rem;
+}
+
+.-mt-3 {
+ margin-top: -0.75rem;
+}
+
+.-mr-3 {
+ margin-right: -0.75rem;
+}
+
+.-mb-3 {
+ margin-bottom: -0.75rem;
+}
+
+.-ml-3 {
+ margin-left: -0.75rem;
+}
+
+.-mt-4 {
+ margin-top: -1rem;
+}
+
+.-mr-4 {
+ margin-right: -1rem;
+}
+
+.-mb-4 {
+ margin-bottom: -1rem;
+}
+
+.-ml-4 {
+ margin-left: -1rem;
+}
+
+.-mt-5 {
+ margin-top: -1.25rem;
+}
+
+.-mr-5 {
+ margin-right: -1.25rem;
+}
+
+.-mb-5 {
+ margin-bottom: -1.25rem;
+}
+
+.-ml-5 {
+ margin-left: -1.25rem;
+}
+
+.-mt-6 {
+ margin-top: -1.5rem;
+}
+
+.-mr-6 {
+ margin-right: -1.5rem;
+}
+
+.-mb-6 {
+ margin-bottom: -1.5rem;
+}
+
+.-ml-6 {
+ margin-left: -1.5rem;
+}
+
+.-mt-8 {
+ margin-top: -2rem;
+}
+
+.-mr-8 {
+ margin-right: -2rem;
+}
+
+.-mb-8 {
+ margin-bottom: -2rem;
+}
+
+.-ml-8 {
+ margin-left: -2rem;
+}
+
+.-mt-10 {
+ margin-top: -2.5rem;
+}
+
+.-mr-10 {
+ margin-right: -2.5rem;
+}
+
+.-mb-10 {
+ margin-bottom: -2.5rem;
+}
+
+.-ml-10 {
+ margin-left: -2.5rem;
+}
+
+.-mt-12 {
+ margin-top: -3rem;
+}
+
+.-mr-12 {
+ margin-right: -3rem;
+}
+
+.-mb-12 {
+ margin-bottom: -3rem;
+}
+
+.-ml-12 {
+ margin-left: -3rem;
+}
+
+.-mt-16 {
+ margin-top: -4rem;
+}
+
+.-mr-16 {
+ margin-right: -4rem;
+}
+
+.-mb-16 {
+ margin-bottom: -4rem;
+}
+
+.-ml-16 {
+ margin-left: -4rem;
+}
+
+.-mt-20 {
+ margin-top: -5rem;
+}
+
+.-mr-20 {
+ margin-right: -5rem;
+}
+
+.-mb-20 {
+ margin-bottom: -5rem;
+}
+
+.-ml-20 {
+ margin-left: -5rem;
+}
+
+.-mt-24 {
+ margin-top: -6rem;
+}
+
+.-mr-24 {
+ margin-right: -6rem;
+}
+
+.-mb-24 {
+ margin-bottom: -6rem;
+}
+
+.-ml-24 {
+ margin-left: -6rem;
+}
+
+.-mt-32 {
+ margin-top: -8rem;
+}
+
+.-mr-32 {
+ margin-right: -8rem;
+}
+
+.-mb-32 {
+ margin-bottom: -8rem;
+}
+
+.-ml-32 {
+ margin-left: -8rem;
+}
+
+.-mt-40 {
+ margin-top: -10rem;
+}
+
+.-mr-40 {
+ margin-right: -10rem;
+}
+
+.-mb-40 {
+ margin-bottom: -10rem;
+}
+
+.-ml-40 {
+ margin-left: -10rem;
+}
+
+.-mt-48 {
+ margin-top: -12rem;
+}
+
+.-mr-48 {
+ margin-right: -12rem;
+}
+
+.-mb-48 {
+ margin-bottom: -12rem;
+}
+
+.-ml-48 {
+ margin-left: -12rem;
+}
+
+.-mt-56 {
+ margin-top: -14rem;
+}
+
+.-mr-56 {
+ margin-right: -14rem;
+}
+
+.-mb-56 {
+ margin-bottom: -14rem;
+}
+
+.-ml-56 {
+ margin-left: -14rem;
+}
+
+.-mt-64 {
+ margin-top: -16rem;
+}
+
+.-mr-64 {
+ margin-right: -16rem;
+}
+
+.-mb-64 {
+ margin-bottom: -16rem;
+}
+
+.-ml-64 {
+ margin-left: -16rem;
+}
+
+.-mt-px {
+ margin-top: -1px;
+}
+
+.-mr-px {
+ margin-right: -1px;
+}
+
+.-mb-px {
+ margin-bottom: -1px;
+}
+
+.-ml-px {
+ margin-left: -1px;
+}
+
+.max-h-full {
+ max-height: 100%;
+}
+
+.max-h-screen {
+ max-height: 100vh;
+}
+
+.max-w-none {
+ max-width: none;
+}
+
+.max-w-xs {
+ max-width: 20rem;
+}
+
+.max-w-sm {
+ max-width: 24rem;
+}
+
+.max-w-md {
+ max-width: 28rem;
+}
+
+.max-w-lg {
+ max-width: 32rem;
+}
+
+.max-w-xl {
+ max-width: 36rem;
+}
+
+.max-w-2xl {
+ max-width: 42rem;
+}
+
+.max-w-3xl {
+ max-width: 48rem;
+}
+
+.max-w-4xl {
+ max-width: 56rem;
+}
+
+.max-w-5xl {
+ max-width: 64rem;
+}
+
+.max-w-6xl {
+ max-width: 72rem;
+}
+
+.max-w-full {
+ max-width: 100%;
+}
+
+.max-w-screen-sm {
+ max-width: 640px;
+}
+
+.max-w-screen-md {
+ max-width: 768px;
+}
+
+.max-w-screen-lg {
+ max-width: 1024px;
+}
+
+.max-w-screen-xl {
+ max-width: 1280px;
+}
+
+.min-h-0 {
+ min-height: 0;
+}
+
+.min-h-full {
+ min-height: 100%;
+}
+
+.min-h-screen {
+ min-height: 100vh;
+}
+
+.min-w-0 {
+ min-width: 0;
+}
+
+.min-w-full {
+ min-width: 100%;
+}
+
+.object-contain {
+ object-fit: contain;
+}
+
+.object-cover {
+ object-fit: cover;
+}
+
+.object-fill {
+ object-fit: fill;
+}
+
+.object-none {
+ object-fit: none;
+}
+
+.object-scale-down {
+ object-fit: scale-down;
+}
+
+.object-bottom {
+ object-position: bottom;
+}
+
+.object-center {
+ object-position: center;
+}
+
+.object-left {
+ object-position: left;
+}
+
+.object-left-bottom {
+ object-position: left bottom;
+}
+
+.object-left-top {
+ object-position: left top;
+}
+
+.object-right {
+ object-position: right;
+}
+
+.object-right-bottom {
+ object-position: right bottom;
+}
+
+.object-right-top {
+ object-position: right top;
+}
+
+.object-top {
+ object-position: top;
+}
+
+.opacity-0 {
+ opacity: 0;
+}
+
+.opacity-25 {
+ opacity: 0.25;
+}
+
+.opacity-50 {
+ opacity: 0.5;
+}
+
+.opacity-75 {
+ opacity: 0.75;
+}
+
+.opacity-100 {
+ opacity: 1;
+}
+
+.hover\:opacity-0:hover {
+ opacity: 0;
+}
+
+.hover\:opacity-25:hover {
+ opacity: 0.25;
+}
+
+.hover\:opacity-50:hover {
+ opacity: 0.5;
+}
+
+.hover\:opacity-75:hover {
+ opacity: 0.75;
+}
+
+.hover\:opacity-100:hover {
+ opacity: 1;
+}
+
+.focus\:opacity-0:focus {
+ opacity: 0;
+}
+
+.focus\:opacity-25:focus {
+ opacity: 0.25;
+}
+
+.focus\:opacity-50:focus {
+ opacity: 0.5;
+}
+
+.focus\:opacity-75:focus {
+ opacity: 0.75;
+}
+
+.focus\:opacity-100:focus {
+ opacity: 1;
+}
+
+.outline-none {
+ outline: 0;
+}
+
+.focus\:outline-none:focus {
+ outline: 0;
+}
+
+.overflow-auto {
+ overflow: auto;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-visible {
+ overflow: visible;
+}
+
+.overflow-scroll {
+ overflow: scroll;
+}
+
+.overflow-x-auto {
+ overflow-x: auto;
+}
+
+.overflow-y-auto {
+ overflow-y: auto;
+}
+
+.overflow-x-hidden {
+ overflow-x: hidden;
+}
+
+.overflow-y-hidden {
+ overflow-y: hidden;
+}
+
+.overflow-x-visible {
+ overflow-x: visible;
+}
+
+.overflow-y-visible {
+ overflow-y: visible;
+}
+
+.overflow-x-scroll {
+ overflow-x: scroll;
+}
+
+.overflow-y-scroll {
+ overflow-y: scroll;
+}
+
+.scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+}
+
+.overscroll-auto {
+ overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+ overscroll-behavior: contain;
+}
+
+.overscroll-none {
+ overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+ overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+ overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+ overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+ overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+ overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+ overscroll-behavior-x: none;
+}
+
+.p-0 {
+ padding: 0;
+}
+
+.p-1 {
+ padding: 0.25rem;
+}
+
+.p-2 {
+ padding: 0.5rem;
+}
+
+.p-3 {
+ padding: 0.75rem;
+}
+
+.p-4 {
+ padding: 1rem;
+}
+
+.p-5 {
+ padding: 1.25rem;
+}
+
+.p-6 {
+ padding: 1.5rem;
+}
+
+.p-8 {
+ padding: 2rem;
+}
+
+.p-10 {
+ padding: 2.5rem;
+}
+
+.p-12 {
+ padding: 3rem;
+}
+
+.p-16 {
+ padding: 4rem;
+}
+
+.p-20 {
+ padding: 5rem;
+}
+
+.p-24 {
+ padding: 6rem;
+}
+
+.p-32 {
+ padding: 8rem;
+}
+
+.p-40 {
+ padding: 10rem;
+}
+
+.p-48 {
+ padding: 12rem;
+}
+
+.p-56 {
+ padding: 14rem;
+}
+
+.p-64 {
+ padding: 16rem;
+}
+
+.p-px {
+ padding: 1px;
+}
+
+.py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.px-0 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+
+.px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+
+.py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
+.px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+}
+
+.px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+.py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
+
+.px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+
+.py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+}
+
+.px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+}
+
+.py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+
+.px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+}
+
+.py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+}
+
+.px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+}
+
+.py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+}
+
+.px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+}
+
+.py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+}
+
+.px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+}
+
+.py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+}
+
+.px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+}
+
+.py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+}
+
+.px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+}
+
+.py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+}
+
+.px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+}
+
+.py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+}
+
+.px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+}
+
+.py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+}
+
+.px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+}
+
+.py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+}
+
+.pt-0 {
+ padding-top: 0;
+}
+
+.pr-0 {
+ padding-right: 0;
+}
+
+.pb-0 {
+ padding-bottom: 0;
+}
+
+.pl-0 {
+ padding-left: 0;
+}
+
+.pt-1 {
+ padding-top: 0.25rem;
+}
+
+.pr-1 {
+ padding-right: 0.25rem;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem;
+}
+
+.pl-1 {
+ padding-left: 0.25rem;
+}
+
+.pt-2 {
+ padding-top: 0.5rem;
+}
+
+.pr-2 {
+ padding-right: 0.5rem;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem;
+}
+
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pt-3 {
+ padding-top: 0.75rem;
+}
+
+.pr-3 {
+ padding-right: 0.75rem;
+}
+
+.pb-3 {
+ padding-bottom: 0.75rem;
+}
+
+.pl-3 {
+ padding-left: 0.75rem;
+}
+
+.pt-4 {
+ padding-top: 1rem;
+}
+
+.pr-4 {
+ padding-right: 1rem;
+}
+
+.pb-4 {
+ padding-bottom: 1rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
+.pt-5 {
+ padding-top: 1.25rem;
+}
+
+.pr-5 {
+ padding-right: 1.25rem;
+}
+
+.pb-5 {
+ padding-bottom: 1.25rem;
+}
+
+.pl-5 {
+ padding-left: 1.25rem;
+}
+
+.pt-6 {
+ padding-top: 1.5rem;
+}
+
+.pr-6 {
+ padding-right: 1.5rem;
+}
+
+.pb-6 {
+ padding-bottom: 1.5rem;
+}
+
+.pl-6 {
+ padding-left: 1.5rem;
+}
+
+.pt-8 {
+ padding-top: 2rem;
+}
+
+.pr-8 {
+ padding-right: 2rem;
+}
+
+.pb-8 {
+ padding-bottom: 2rem;
+}
+
+.pl-8 {
+ padding-left: 2rem;
+}
+
+.pt-10 {
+ padding-top: 2.5rem;
+}
+
+.pr-10 {
+ padding-right: 2.5rem;
+}
+
+.pb-10 {
+ padding-bottom: 2.5rem;
+}
+
+.pl-10 {
+ padding-left: 2.5rem;
+}
+
+.pt-12 {
+ padding-top: 3rem;
+}
+
+.pr-12 {
+ padding-right: 3rem;
+}
+
+.pb-12 {
+ padding-bottom: 3rem;
+}
+
+.pl-12 {
+ padding-left: 3rem;
+}
+
+.pt-16 {
+ padding-top: 4rem;
+}
+
+.pr-16 {
+ padding-right: 4rem;
+}
+
+.pb-16 {
+ padding-bottom: 4rem;
+}
+
+.pl-16 {
+ padding-left: 4rem;
+}
+
+.pt-20 {
+ padding-top: 5rem;
+}
+
+.pr-20 {
+ padding-right: 5rem;
+}
+
+.pb-20 {
+ padding-bottom: 5rem;
+}
+
+.pl-20 {
+ padding-left: 5rem;
+}
+
+.pt-24 {
+ padding-top: 6rem;
+}
+
+.pr-24 {
+ padding-right: 6rem;
+}
+
+.pb-24 {
+ padding-bottom: 6rem;
+}
+
+.pl-24 {
+ padding-left: 6rem;
+}
+
+.pt-32 {
+ padding-top: 8rem;
+}
+
+.pr-32 {
+ padding-right: 8rem;
+}
+
+.pb-32 {
+ padding-bottom: 8rem;
+}
+
+.pl-32 {
+ padding-left: 8rem;
+}
+
+.pt-40 {
+ padding-top: 10rem;
+}
+
+.pr-40 {
+ padding-right: 10rem;
+}
+
+.pb-40 {
+ padding-bottom: 10rem;
+}
+
+.pl-40 {
+ padding-left: 10rem;
+}
+
+.pt-48 {
+ padding-top: 12rem;
+}
+
+.pr-48 {
+ padding-right: 12rem;
+}
+
+.pb-48 {
+ padding-bottom: 12rem;
+}
+
+.pl-48 {
+ padding-left: 12rem;
+}
+
+.pt-56 {
+ padding-top: 14rem;
+}
+
+.pr-56 {
+ padding-right: 14rem;
+}
+
+.pb-56 {
+ padding-bottom: 14rem;
+}
+
+.pl-56 {
+ padding-left: 14rem;
+}
+
+.pt-64 {
+ padding-top: 16rem;
+}
+
+.pr-64 {
+ padding-right: 16rem;
+}
+
+.pb-64 {
+ padding-bottom: 16rem;
+}
+
+.pl-64 {
+ padding-left: 16rem;
+}
+
+.pt-px {
+ padding-top: 1px;
+}
+
+.pr-px {
+ padding-right: 1px;
+}
+
+.pb-px {
+ padding-bottom: 1px;
+}
+
+.pl-px {
+ padding-left: 1px;
+}
+
+.placeholder-transparent::placeholder {
+ color: transparent;
+}
+
+.placeholder-current::placeholder {
+ color: currentColor;
+}
+
+.placeholder-black::placeholder {
+ color: #000;
+}
+
+.placeholder-white::placeholder {
+ color: #fff;
+}
+
+.placeholder-gray-100::placeholder {
+ color: #f7fafc;
+}
+
+.placeholder-gray-200::placeholder {
+ color: #edf2f7;
+}
+
+.placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+}
+
+.placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+}
+
+.placeholder-gray-500::placeholder {
+ color: #a0aec0;
+}
+
+.placeholder-gray-600::placeholder {
+ color: #718096;
+}
+
+.placeholder-gray-700::placeholder {
+ color: #4a5568;
+}
+
+.placeholder-gray-800::placeholder {
+ color: #2d3748;
+}
+
+.placeholder-gray-900::placeholder {
+ color: #1a202c;
+}
+
+.placeholder-red-100::placeholder {
+ color: #fff5f5;
+}
+
+.placeholder-red-200::placeholder {
+ color: #fed7d7;
+}
+
+.placeholder-red-300::placeholder {
+ color: #feb2b2;
+}
+
+.placeholder-red-400::placeholder {
+ color: #fc8181;
+}
+
+.placeholder-red-500::placeholder {
+ color: #f56565;
+}
+
+.placeholder-red-600::placeholder {
+ color: #e53e3e;
+}
+
+.placeholder-red-700::placeholder {
+ color: #c53030;
+}
+
+.placeholder-red-800::placeholder {
+ color: #9b2c2c;
+}
+
+.placeholder-red-900::placeholder {
+ color: #742a2a;
+}
+
+.placeholder-orange-100::placeholder {
+ color: #fffaf0;
+}
+
+.placeholder-orange-200::placeholder {
+ color: #feebc8;
+}
+
+.placeholder-orange-300::placeholder {
+ color: #fbd38d;
+}
+
+.placeholder-orange-400::placeholder {
+ color: #f6ad55;
+}
+
+.placeholder-orange-500::placeholder {
+ color: #ed8936;
+}
+
+.placeholder-orange-600::placeholder {
+ color: #dd6b20;
+}
+
+.placeholder-orange-700::placeholder {
+ color: #c05621;
+}
+
+.placeholder-orange-800::placeholder {
+ color: #9c4221;
+}
+
+.placeholder-orange-900::placeholder {
+ color: #7b341e;
+}
+
+.placeholder-yellow-100::placeholder {
+ color: #fffff0;
+}
+
+.placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+}
+
+.placeholder-yellow-300::placeholder {
+ color: #faf089;
+}
+
+.placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+}
+
+.placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+}
+
+.placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+}
+
+.placeholder-yellow-700::placeholder {
+ color: #b7791f;
+}
+
+.placeholder-yellow-800::placeholder {
+ color: #975a16;
+}
+
+.placeholder-yellow-900::placeholder {
+ color: #744210;
+}
+
+.placeholder-green-100::placeholder {
+ color: #f0fff4;
+}
+
+.placeholder-green-200::placeholder {
+ color: #c6f6d5;
+}
+
+.placeholder-green-300::placeholder {
+ color: #9ae6b4;
+}
+
+.placeholder-green-400::placeholder {
+ color: #68d391;
+}
+
+.placeholder-green-500::placeholder {
+ color: #48bb78;
+}
+
+.placeholder-green-600::placeholder {
+ color: #38a169;
+}
+
+.placeholder-green-700::placeholder {
+ color: #2f855a;
+}
+
+.placeholder-green-800::placeholder {
+ color: #276749;
+}
+
+.placeholder-green-900::placeholder {
+ color: #22543d;
+}
+
+.placeholder-teal-100::placeholder {
+ color: #e6fffa;
+}
+
+.placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+}
+
+.placeholder-teal-300::placeholder {
+ color: #81e6d9;
+}
+
+.placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+}
+
+.placeholder-teal-500::placeholder {
+ color: #38b2ac;
+}
+
+.placeholder-teal-600::placeholder {
+ color: #319795;
+}
+
+.placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+}
+
+.placeholder-teal-800::placeholder {
+ color: #285e61;
+}
+
+.placeholder-teal-900::placeholder {
+ color: #234e52;
+}
+
+.placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+}
+
+.placeholder-blue-200::placeholder {
+ color: #bee3f8;
+}
+
+.placeholder-blue-300::placeholder {
+ color: #90cdf4;
+}
+
+.placeholder-blue-400::placeholder {
+ color: #63b3ed;
+}
+
+.placeholder-blue-500::placeholder {
+ color: #4299e1;
+}
+
+.placeholder-blue-600::placeholder {
+ color: #3182ce;
+}
+
+.placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+}
+
+.placeholder-blue-800::placeholder {
+ color: #2c5282;
+}
+
+.placeholder-blue-900::placeholder {
+ color: #2a4365;
+}
+
+.placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+}
+
+.placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+}
+
+.placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+}
+
+.placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+}
+
+.placeholder-indigo-500::placeholder {
+ color: #667eea;
+}
+
+.placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+}
+
+.placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+}
+
+.placeholder-indigo-800::placeholder {
+ color: #434190;
+}
+
+.placeholder-indigo-900::placeholder {
+ color: #3c366b;
+}
+
+.placeholder-purple-100::placeholder {
+ color: #faf5ff;
+}
+
+.placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+}
+
+.placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+}
+
+.placeholder-purple-400::placeholder {
+ color: #b794f4;
+}
+
+.placeholder-purple-500::placeholder {
+ color: #9f7aea;
+}
+
+.placeholder-purple-600::placeholder {
+ color: #805ad5;
+}
+
+.placeholder-purple-700::placeholder {
+ color: #6b46c1;
+}
+
+.placeholder-purple-800::placeholder {
+ color: #553c9a;
+}
+
+.placeholder-purple-900::placeholder {
+ color: #44337a;
+}
+
+.placeholder-pink-100::placeholder {
+ color: #fff5f7;
+}
+
+.placeholder-pink-200::placeholder {
+ color: #fed7e2;
+}
+
+.placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+}
+
+.placeholder-pink-400::placeholder {
+ color: #f687b3;
+}
+
+.placeholder-pink-500::placeholder {
+ color: #ed64a6;
+}
+
+.placeholder-pink-600::placeholder {
+ color: #d53f8c;
+}
+
+.placeholder-pink-700::placeholder {
+ color: #b83280;
+}
+
+.placeholder-pink-800::placeholder {
+ color: #97266d;
+}
+
+.placeholder-pink-900::placeholder {
+ color: #702459;
+}
+
+.focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+}
+
+.focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+}
+
+.focus\:placeholder-black:focus::placeholder {
+ color: #000;
+}
+
+.focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+}
+
+.focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+}
+
+.focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+}
+
+.focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+}
+
+.focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+}
+
+.focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+}
+
+.focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+}
+
+.focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+}
+
+.focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+}
+
+.focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+}
+
+.focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+}
+
+.focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+}
+
+.focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+}
+
+.focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+}
+
+.focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+}
+
+.focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+}
+
+.focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+}
+
+.focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+}
+
+.focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+}
+
+.focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+}
+
+.focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+}
+
+.focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+}
+
+.focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+}
+
+.focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+}
+
+.focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+}
+
+.focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+}
+
+.focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+}
+
+.focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+}
+
+.focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+}
+
+.focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+}
+
+.focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+}
+
+.focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+}
+
+.focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+}
+
+.focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+}
+
+.focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+}
+
+.focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+}
+
+.focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+}
+
+.focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+}
+
+.focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+}
+
+.focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+}
+
+.focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+}
+
+.focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+}
+
+.focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+}
+
+.focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+}
+
+.focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+}
+
+.focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+}
+
+.focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+}
+
+.focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+}
+
+.focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+}
+
+.focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+}
+
+.focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+}
+
+.focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+}
+
+.focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+}
+
+.focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+}
+
+.focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+}
+
+.focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+}
+
+.focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+}
+
+.focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+}
+
+.focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+}
+
+.focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+}
+
+.focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+}
+
+.focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+}
+
+.focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+}
+
+.focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+}
+
+.focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+}
+
+.focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+}
+
+.focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+}
+
+.focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+}
+
+.focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+}
+
+.focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+}
+
+.focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+}
+
+.focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+}
+
+.focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+}
+
+.focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+}
+
+.focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+}
+
+.focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+}
+
+.focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+}
+
+.focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+}
+
+.focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+}
+
+.focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+}
+
+.focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+}
+
+.focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+}
+
+.focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+}
+
+.focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+}
+
+.focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+}
+
+.focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+}
+
+.focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+}
+
+.focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+}
+
+.focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+}
+
+.focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+}
+
+.focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+}
+
+.pointer-events-none {
+ pointer-events: none;
+}
+
+.pointer-events-auto {
+ pointer-events: auto;
+}
+
+.static {
+ position: static;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.relative {
+ position: relative;
+}
+
+.sticky {
+ position: sticky;
+}
+
+.inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+}
+
+.inset-y-0 {
+ top: 0;
+ bottom: 0;
+}
+
+.inset-x-0 {
+ right: 0;
+ left: 0;
+}
+
+.inset-y-auto {
+ top: auto;
+ bottom: auto;
+}
+
+.inset-x-auto {
+ right: auto;
+ left: auto;
+}
+
+.top-0 {
+ top: 0;
+}
+
+.right-0 {
+ right: 0;
+}
+
+.bottom-0 {
+ bottom: 0;
+}
+
+.left-0 {
+ left: 0;
+}
+
+.top-auto {
+ top: auto;
+}
+
+.right-auto {
+ right: auto;
+}
+
+.bottom-auto {
+ bottom: auto;
+}
+
+.left-auto {
+ left: auto;
+}
+
+.resize-none {
+ resize: none;
+}
+
+.resize-y {
+ resize: vertical;
+}
+
+.resize-x {
+ resize: horizontal;
+}
+
+.resize {
+ resize: both;
+}
+
+.shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.shadow-none {
+ box-shadow: none;
+}
+
+.hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.hover\:shadow-none:hover {
+ box-shadow: none;
+}
+
+.focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.focus\:shadow-none:focus {
+ box-shadow: none;
+}
+
+.fill-current {
+ fill: currentColor;
+}
+
+.stroke-current {
+ stroke: currentColor;
+}
+
+.stroke-0 {
+ stroke-width: 0;
+}
+
+.stroke-1 {
+ stroke-width: 1;
+}
+
+.stroke-2 {
+ stroke-width: 2;
+}
+
+.table-auto {
+ table-layout: auto;
+}
+
+.table-fixed {
+ table-layout: fixed;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.text-right {
+ text-align: right;
+}
+
+.text-justify {
+ text-align: justify;
+}
+
+.text-transparent {
+ color: transparent;
+}
+
+.text-current {
+ color: currentColor;
+}
+
+.text-black {
+ color: #000;
+}
+
+.text-white {
+ color: #fff;
+}
+
+.text-gray-100 {
+ color: #f7fafc;
+}
+
+.text-gray-200 {
+ color: #edf2f7;
+}
+
+.text-gray-300 {
+ color: #e2e8f0;
+}
+
+.text-gray-400 {
+ color: #cbd5e0;
+}
+
+.text-gray-500 {
+ color: #a0aec0;
+}
+
+.text-gray-600 {
+ color: #718096;
+}
+
+.text-gray-700 {
+ color: #4a5568;
+}
+
+.text-gray-800 {
+ color: #2d3748;
+}
+
+.text-gray-900 {
+ color: #1a202c;
+}
+
+.text-red-100 {
+ color: #fff5f5;
+}
+
+.text-red-200 {
+ color: #fed7d7;
+}
+
+.text-red-300 {
+ color: #feb2b2;
+}
+
+.text-red-400 {
+ color: #fc8181;
+}
+
+.text-red-500 {
+ color: #f56565;
+}
+
+.text-red-600 {
+ color: #e53e3e;
+}
+
+.text-red-700 {
+ color: #c53030;
+}
+
+.text-red-800 {
+ color: #9b2c2c;
+}
+
+.text-red-900 {
+ color: #742a2a;
+}
+
+.text-orange-100 {
+ color: #fffaf0;
+}
+
+.text-orange-200 {
+ color: #feebc8;
+}
+
+.text-orange-300 {
+ color: #fbd38d;
+}
+
+.text-orange-400 {
+ color: #f6ad55;
+}
+
+.text-orange-500 {
+ color: #ed8936;
+}
+
+.text-orange-600 {
+ color: #dd6b20;
+}
+
+.text-orange-700 {
+ color: #c05621;
+}
+
+.text-orange-800 {
+ color: #9c4221;
+}
+
+.text-orange-900 {
+ color: #7b341e;
+}
+
+.text-yellow-100 {
+ color: #fffff0;
+}
+
+.text-yellow-200 {
+ color: #fefcbf;
+}
+
+.text-yellow-300 {
+ color: #faf089;
+}
+
+.text-yellow-400 {
+ color: #f6e05e;
+}
+
+.text-yellow-500 {
+ color: #ecc94b;
+}
+
+.text-yellow-600 {
+ color: #d69e2e;
+}
+
+.text-yellow-700 {
+ color: #b7791f;
+}
+
+.text-yellow-800 {
+ color: #975a16;
+}
+
+.text-yellow-900 {
+ color: #744210;
+}
+
+.text-green-100 {
+ color: #f0fff4;
+}
+
+.text-green-200 {
+ color: #c6f6d5;
+}
+
+.text-green-300 {
+ color: #9ae6b4;
+}
+
+.text-green-400 {
+ color: #68d391;
+}
+
+.text-green-500 {
+ color: #48bb78;
+}
+
+.text-green-600 {
+ color: #38a169;
+}
+
+.text-green-700 {
+ color: #2f855a;
+}
+
+.text-green-800 {
+ color: #276749;
+}
+
+.text-green-900 {
+ color: #22543d;
+}
+
+.text-teal-100 {
+ color: #e6fffa;
+}
+
+.text-teal-200 {
+ color: #b2f5ea;
+}
+
+.text-teal-300 {
+ color: #81e6d9;
+}
+
+.text-teal-400 {
+ color: #4fd1c5;
+}
+
+.text-teal-500 {
+ color: #38b2ac;
+}
+
+.text-teal-600 {
+ color: #319795;
+}
+
+.text-teal-700 {
+ color: #2c7a7b;
+}
+
+.text-teal-800 {
+ color: #285e61;
+}
+
+.text-teal-900 {
+ color: #234e52;
+}
+
+.text-blue-100 {
+ color: #ebf8ff;
+}
+
+.text-blue-200 {
+ color: #bee3f8;
+}
+
+.text-blue-300 {
+ color: #90cdf4;
+}
+
+.text-blue-400 {
+ color: #63b3ed;
+}
+
+.text-blue-500 {
+ color: #4299e1;
+}
+
+.text-blue-600 {
+ color: #3182ce;
+}
+
+.text-blue-700 {
+ color: #2b6cb0;
+}
+
+.text-blue-800 {
+ color: #2c5282;
+}
+
+.text-blue-900 {
+ color: #2a4365;
+}
+
+.text-indigo-100 {
+ color: #ebf4ff;
+}
+
+.text-indigo-200 {
+ color: #c3dafe;
+}
+
+.text-indigo-300 {
+ color: #a3bffa;
+}
+
+.text-indigo-400 {
+ color: #7f9cf5;
+}
+
+.text-indigo-500 {
+ color: #667eea;
+}
+
+.text-indigo-600 {
+ color: #5a67d8;
+}
+
+.text-indigo-700 {
+ color: #4c51bf;
+}
+
+.text-indigo-800 {
+ color: #434190;
+}
+
+.text-indigo-900 {
+ color: #3c366b;
+}
+
+.text-purple-100 {
+ color: #faf5ff;
+}
+
+.text-purple-200 {
+ color: #e9d8fd;
+}
+
+.text-purple-300 {
+ color: #d6bcfa;
+}
+
+.text-purple-400 {
+ color: #b794f4;
+}
+
+.text-purple-500 {
+ color: #9f7aea;
+}
+
+.text-purple-600 {
+ color: #805ad5;
+}
+
+.text-purple-700 {
+ color: #6b46c1;
+}
+
+.text-purple-800 {
+ color: #553c9a;
+}
+
+.text-purple-900 {
+ color: #44337a;
+}
+
+.text-pink-100 {
+ color: #fff5f7;
+}
+
+.text-pink-200 {
+ color: #fed7e2;
+}
+
+.text-pink-300 {
+ color: #fbb6ce;
+}
+
+.text-pink-400 {
+ color: #f687b3;
+}
+
+.text-pink-500 {
+ color: #ed64a6;
+}
+
+.text-pink-600 {
+ color: #d53f8c;
+}
+
+.text-pink-700 {
+ color: #b83280;
+}
+
+.text-pink-800 {
+ color: #97266d;
+}
+
+.text-pink-900 {
+ color: #702459;
+}
+
+.hover\:text-transparent:hover {
+ color: transparent;
+}
+
+.hover\:text-current:hover {
+ color: currentColor;
+}
+
+.hover\:text-black:hover {
+ color: #000;
+}
+
+.hover\:text-white:hover {
+ color: #fff;
+}
+
+.hover\:text-gray-100:hover {
+ color: #f7fafc;
+}
+
+.hover\:text-gray-200:hover {
+ color: #edf2f7;
+}
+
+.hover\:text-gray-300:hover {
+ color: #e2e8f0;
+}
+
+.hover\:text-gray-400:hover {
+ color: #cbd5e0;
+}
+
+.hover\:text-gray-500:hover {
+ color: #a0aec0;
+}
+
+.hover\:text-gray-600:hover {
+ color: #718096;
+}
+
+.hover\:text-gray-700:hover {
+ color: #4a5568;
+}
+
+.hover\:text-gray-800:hover {
+ color: #2d3748;
+}
+
+.hover\:text-gray-900:hover {
+ color: #1a202c;
+}
+
+.hover\:text-red-100:hover {
+ color: #fff5f5;
+}
+
+.hover\:text-red-200:hover {
+ color: #fed7d7;
+}
+
+.hover\:text-red-300:hover {
+ color: #feb2b2;
+}
+
+.hover\:text-red-400:hover {
+ color: #fc8181;
+}
+
+.hover\:text-red-500:hover {
+ color: #f56565;
+}
+
+.hover\:text-red-600:hover {
+ color: #e53e3e;
+}
+
+.hover\:text-red-700:hover {
+ color: #c53030;
+}
+
+.hover\:text-red-800:hover {
+ color: #9b2c2c;
+}
+
+.hover\:text-red-900:hover {
+ color: #742a2a;
+}
+
+.hover\:text-orange-100:hover {
+ color: #fffaf0;
+}
+
+.hover\:text-orange-200:hover {
+ color: #feebc8;
+}
+
+.hover\:text-orange-300:hover {
+ color: #fbd38d;
+}
+
+.hover\:text-orange-400:hover {
+ color: #f6ad55;
+}
+
+.hover\:text-orange-500:hover {
+ color: #ed8936;
+}
+
+.hover\:text-orange-600:hover {
+ color: #dd6b20;
+}
+
+.hover\:text-orange-700:hover {
+ color: #c05621;
+}
+
+.hover\:text-orange-800:hover {
+ color: #9c4221;
+}
+
+.hover\:text-orange-900:hover {
+ color: #7b341e;
+}
+
+.hover\:text-yellow-100:hover {
+ color: #fffff0;
+}
+
+.hover\:text-yellow-200:hover {
+ color: #fefcbf;
+}
+
+.hover\:text-yellow-300:hover {
+ color: #faf089;
+}
+
+.hover\:text-yellow-400:hover {
+ color: #f6e05e;
+}
+
+.hover\:text-yellow-500:hover {
+ color: #ecc94b;
+}
+
+.hover\:text-yellow-600:hover {
+ color: #d69e2e;
+}
+
+.hover\:text-yellow-700:hover {
+ color: #b7791f;
+}
+
+.hover\:text-yellow-800:hover {
+ color: #975a16;
+}
+
+.hover\:text-yellow-900:hover {
+ color: #744210;
+}
+
+.hover\:text-green-100:hover {
+ color: #f0fff4;
+}
+
+.hover\:text-green-200:hover {
+ color: #c6f6d5;
+}
+
+.hover\:text-green-300:hover {
+ color: #9ae6b4;
+}
+
+.hover\:text-green-400:hover {
+ color: #68d391;
+}
+
+.hover\:text-green-500:hover {
+ color: #48bb78;
+}
+
+.hover\:text-green-600:hover {
+ color: #38a169;
+}
+
+.hover\:text-green-700:hover {
+ color: #2f855a;
+}
+
+.hover\:text-green-800:hover {
+ color: #276749;
+}
+
+.hover\:text-green-900:hover {
+ color: #22543d;
+}
+
+.hover\:text-teal-100:hover {
+ color: #e6fffa;
+}
+
+.hover\:text-teal-200:hover {
+ color: #b2f5ea;
+}
+
+.hover\:text-teal-300:hover {
+ color: #81e6d9;
+}
+
+.hover\:text-teal-400:hover {
+ color: #4fd1c5;
+}
+
+.hover\:text-teal-500:hover {
+ color: #38b2ac;
+}
+
+.hover\:text-teal-600:hover {
+ color: #319795;
+}
+
+.hover\:text-teal-700:hover {
+ color: #2c7a7b;
+}
+
+.hover\:text-teal-800:hover {
+ color: #285e61;
+}
+
+.hover\:text-teal-900:hover {
+ color: #234e52;
+}
+
+.hover\:text-blue-100:hover {
+ color: #ebf8ff;
+}
+
+.hover\:text-blue-200:hover {
+ color: #bee3f8;
+}
+
+.hover\:text-blue-300:hover {
+ color: #90cdf4;
+}
+
+.hover\:text-blue-400:hover {
+ color: #63b3ed;
+}
+
+.hover\:text-blue-500:hover {
+ color: #4299e1;
+}
+
+.hover\:text-blue-600:hover {
+ color: #3182ce;
+}
+
+.hover\:text-blue-700:hover {
+ color: #2b6cb0;
+}
+
+.hover\:text-blue-800:hover {
+ color: #2c5282;
+}
+
+.hover\:text-blue-900:hover {
+ color: #2a4365;
+}
+
+.hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+}
+
+.hover\:text-indigo-200:hover {
+ color: #c3dafe;
+}
+
+.hover\:text-indigo-300:hover {
+ color: #a3bffa;
+}
+
+.hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+}
+
+.hover\:text-indigo-500:hover {
+ color: #667eea;
+}
+
+.hover\:text-indigo-600:hover {
+ color: #5a67d8;
+}
+
+.hover\:text-indigo-700:hover {
+ color: #4c51bf;
+}
+
+.hover\:text-indigo-800:hover {
+ color: #434190;
+}
+
+.hover\:text-indigo-900:hover {
+ color: #3c366b;
+}
+
+.hover\:text-purple-100:hover {
+ color: #faf5ff;
+}
+
+.hover\:text-purple-200:hover {
+ color: #e9d8fd;
+}
+
+.hover\:text-purple-300:hover {
+ color: #d6bcfa;
+}
+
+.hover\:text-purple-400:hover {
+ color: #b794f4;
+}
+
+.hover\:text-purple-500:hover {
+ color: #9f7aea;
+}
+
+.hover\:text-purple-600:hover {
+ color: #805ad5;
+}
+
+.hover\:text-purple-700:hover {
+ color: #6b46c1;
+}
+
+.hover\:text-purple-800:hover {
+ color: #553c9a;
+}
+
+.hover\:text-purple-900:hover {
+ color: #44337a;
+}
+
+.hover\:text-pink-100:hover {
+ color: #fff5f7;
+}
+
+.hover\:text-pink-200:hover {
+ color: #fed7e2;
+}
+
+.hover\:text-pink-300:hover {
+ color: #fbb6ce;
+}
+
+.hover\:text-pink-400:hover {
+ color: #f687b3;
+}
+
+.hover\:text-pink-500:hover {
+ color: #ed64a6;
+}
+
+.hover\:text-pink-600:hover {
+ color: #d53f8c;
+}
+
+.hover\:text-pink-700:hover {
+ color: #b83280;
+}
+
+.hover\:text-pink-800:hover {
+ color: #97266d;
+}
+
+.hover\:text-pink-900:hover {
+ color: #702459;
+}
+
+.focus\:text-transparent:focus {
+ color: transparent;
+}
+
+.focus\:text-current:focus {
+ color: currentColor;
+}
+
+.focus\:text-black:focus {
+ color: #000;
+}
+
+.focus\:text-white:focus {
+ color: #fff;
+}
+
+.focus\:text-gray-100:focus {
+ color: #f7fafc;
+}
+
+.focus\:text-gray-200:focus {
+ color: #edf2f7;
+}
+
+.focus\:text-gray-300:focus {
+ color: #e2e8f0;
+}
+
+.focus\:text-gray-400:focus {
+ color: #cbd5e0;
+}
+
+.focus\:text-gray-500:focus {
+ color: #a0aec0;
+}
+
+.focus\:text-gray-600:focus {
+ color: #718096;
+}
+
+.focus\:text-gray-700:focus {
+ color: #4a5568;
+}
+
+.focus\:text-gray-800:focus {
+ color: #2d3748;
+}
+
+.focus\:text-gray-900:focus {
+ color: #1a202c;
+}
+
+.focus\:text-red-100:focus {
+ color: #fff5f5;
+}
+
+.focus\:text-red-200:focus {
+ color: #fed7d7;
+}
+
+.focus\:text-red-300:focus {
+ color: #feb2b2;
+}
+
+.focus\:text-red-400:focus {
+ color: #fc8181;
+}
+
+.focus\:text-red-500:focus {
+ color: #f56565;
+}
+
+.focus\:text-red-600:focus {
+ color: #e53e3e;
+}
+
+.focus\:text-red-700:focus {
+ color: #c53030;
+}
+
+.focus\:text-red-800:focus {
+ color: #9b2c2c;
+}
+
+.focus\:text-red-900:focus {
+ color: #742a2a;
+}
+
+.focus\:text-orange-100:focus {
+ color: #fffaf0;
+}
+
+.focus\:text-orange-200:focus {
+ color: #feebc8;
+}
+
+.focus\:text-orange-300:focus {
+ color: #fbd38d;
+}
+
+.focus\:text-orange-400:focus {
+ color: #f6ad55;
+}
+
+.focus\:text-orange-500:focus {
+ color: #ed8936;
+}
+
+.focus\:text-orange-600:focus {
+ color: #dd6b20;
+}
+
+.focus\:text-orange-700:focus {
+ color: #c05621;
+}
+
+.focus\:text-orange-800:focus {
+ color: #9c4221;
+}
+
+.focus\:text-orange-900:focus {
+ color: #7b341e;
+}
+
+.focus\:text-yellow-100:focus {
+ color: #fffff0;
+}
+
+.focus\:text-yellow-200:focus {
+ color: #fefcbf;
+}
+
+.focus\:text-yellow-300:focus {
+ color: #faf089;
+}
+
+.focus\:text-yellow-400:focus {
+ color: #f6e05e;
+}
+
+.focus\:text-yellow-500:focus {
+ color: #ecc94b;
+}
+
+.focus\:text-yellow-600:focus {
+ color: #d69e2e;
+}
+
+.focus\:text-yellow-700:focus {
+ color: #b7791f;
+}
+
+.focus\:text-yellow-800:focus {
+ color: #975a16;
+}
+
+.focus\:text-yellow-900:focus {
+ color: #744210;
+}
+
+.focus\:text-green-100:focus {
+ color: #f0fff4;
+}
+
+.focus\:text-green-200:focus {
+ color: #c6f6d5;
+}
+
+.focus\:text-green-300:focus {
+ color: #9ae6b4;
+}
+
+.focus\:text-green-400:focus {
+ color: #68d391;
+}
+
+.focus\:text-green-500:focus {
+ color: #48bb78;
+}
+
+.focus\:text-green-600:focus {
+ color: #38a169;
+}
+
+.focus\:text-green-700:focus {
+ color: #2f855a;
+}
+
+.focus\:text-green-800:focus {
+ color: #276749;
+}
+
+.focus\:text-green-900:focus {
+ color: #22543d;
+}
+
+.focus\:text-teal-100:focus {
+ color: #e6fffa;
+}
+
+.focus\:text-teal-200:focus {
+ color: #b2f5ea;
+}
+
+.focus\:text-teal-300:focus {
+ color: #81e6d9;
+}
+
+.focus\:text-teal-400:focus {
+ color: #4fd1c5;
+}
+
+.focus\:text-teal-500:focus {
+ color: #38b2ac;
+}
+
+.focus\:text-teal-600:focus {
+ color: #319795;
+}
+
+.focus\:text-teal-700:focus {
+ color: #2c7a7b;
+}
+
+.focus\:text-teal-800:focus {
+ color: #285e61;
+}
+
+.focus\:text-teal-900:focus {
+ color: #234e52;
+}
+
+.focus\:text-blue-100:focus {
+ color: #ebf8ff;
+}
+
+.focus\:text-blue-200:focus {
+ color: #bee3f8;
+}
+
+.focus\:text-blue-300:focus {
+ color: #90cdf4;
+}
+
+.focus\:text-blue-400:focus {
+ color: #63b3ed;
+}
+
+.focus\:text-blue-500:focus {
+ color: #4299e1;
+}
+
+.focus\:text-blue-600:focus {
+ color: #3182ce;
+}
+
+.focus\:text-blue-700:focus {
+ color: #2b6cb0;
+}
+
+.focus\:text-blue-800:focus {
+ color: #2c5282;
+}
+
+.focus\:text-blue-900:focus {
+ color: #2a4365;
+}
+
+.focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+}
+
+.focus\:text-indigo-200:focus {
+ color: #c3dafe;
+}
+
+.focus\:text-indigo-300:focus {
+ color: #a3bffa;
+}
+
+.focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+}
+
+.focus\:text-indigo-500:focus {
+ color: #667eea;
+}
+
+.focus\:text-indigo-600:focus {
+ color: #5a67d8;
+}
+
+.focus\:text-indigo-700:focus {
+ color: #4c51bf;
+}
+
+.focus\:text-indigo-800:focus {
+ color: #434190;
+}
+
+.focus\:text-indigo-900:focus {
+ color: #3c366b;
+}
+
+.focus\:text-purple-100:focus {
+ color: #faf5ff;
+}
+
+.focus\:text-purple-200:focus {
+ color: #e9d8fd;
+}
+
+.focus\:text-purple-300:focus {
+ color: #d6bcfa;
+}
+
+.focus\:text-purple-400:focus {
+ color: #b794f4;
+}
+
+.focus\:text-purple-500:focus {
+ color: #9f7aea;
+}
+
+.focus\:text-purple-600:focus {
+ color: #805ad5;
+}
+
+.focus\:text-purple-700:focus {
+ color: #6b46c1;
+}
+
+.focus\:text-purple-800:focus {
+ color: #553c9a;
+}
+
+.focus\:text-purple-900:focus {
+ color: #44337a;
+}
+
+.focus\:text-pink-100:focus {
+ color: #fff5f7;
+}
+
+.focus\:text-pink-200:focus {
+ color: #fed7e2;
+}
+
+.focus\:text-pink-300:focus {
+ color: #fbb6ce;
+}
+
+.focus\:text-pink-400:focus {
+ color: #f687b3;
+}
+
+.focus\:text-pink-500:focus {
+ color: #ed64a6;
+}
+
+.focus\:text-pink-600:focus {
+ color: #d53f8c;
+}
+
+.focus\:text-pink-700:focus {
+ color: #b83280;
+}
+
+.focus\:text-pink-800:focus {
+ color: #97266d;
+}
+
+.focus\:text-pink-900:focus {
+ color: #702459;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.not-italic {
+ font-style: normal;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+.lowercase {
+ text-transform: lowercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+.normal-case {
+ text-transform: none;
+}
+
+.underline {
+ text-decoration: underline;
+}
+
+.line-through {
+ text-decoration: line-through;
+}
+
+.no-underline {
+ 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;
+}
+
+.tracking-tighter {
+ letter-spacing: -0.05em;
+}
+
+.tracking-tight {
+ letter-spacing: -0.025em;
+}
+
+.tracking-normal {
+ letter-spacing: 0;
+}
+
+.tracking-wide {
+ letter-spacing: 0.025em;
+}
+
+.tracking-wider {
+ letter-spacing: 0.05em;
+}
+
+.tracking-widest {
+ letter-spacing: 0.1em;
+}
+
+.select-none {
+ user-select: none;
+}
+
+.select-text {
+ user-select: text;
+}
+
+.select-all {
+ user-select: all;
+}
+
+.select-auto {
+ user-select: auto;
+}
+
+.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;
+}
+
+.visible {
+ visibility: visible;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.whitespace-normal {
+ white-space: normal;
+}
+
+.whitespace-no-wrap {
+ white-space: nowrap;
+}
+
+.whitespace-pre {
+ white-space: pre;
+}
+
+.whitespace-pre-line {
+ white-space: pre-line;
+}
+
+.whitespace-pre-wrap {
+ white-space: pre-wrap;
+}
+
+.break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+}
+
+.break-words {
+ overflow-wrap: break-word;
+}
+
+.break-all {
+ word-break: break-all;
+}
+
+.truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.w-0 {
+ width: 0;
+}
+
+.w-1 {
+ width: 0.25rem;
+}
+
+.w-2 {
+ width: 0.5rem;
+}
+
+.w-3 {
+ width: 0.75rem;
+}
+
+.w-4 {
+ width: 1rem;
+}
+
+.w-5 {
+ width: 1.25rem;
+}
+
+.w-6 {
+ width: 1.5rem;
+}
+
+.w-8 {
+ width: 2rem;
+}
+
+.w-10 {
+ width: 2.5rem;
+}
+
+.w-12 {
+ width: 3rem;
+}
+
+.w-16 {
+ width: 4rem;
+}
+
+.w-20 {
+ width: 5rem;
+}
+
+.w-24 {
+ width: 6rem;
+}
+
+.w-32 {
+ width: 8rem;
+}
+
+.w-40 {
+ width: 10rem;
+}
+
+.w-48 {
+ width: 12rem;
+}
+
+.w-56 {
+ width: 14rem;
+}
+
+.w-64 {
+ width: 16rem;
+}
+
+.w-auto {
+ width: auto;
+}
+
+.w-px {
+ width: 1px;
+}
+
+.w-1\/2 {
+ width: 50%;
+}
+
+.w-1\/3 {
+ width: 33.333333%;
+}
+
+.w-2\/3 {
+ width: 66.666667%;
+}
+
+.w-1\/4 {
+ width: 25%;
+}
+
+.w-2\/4 {
+ width: 50%;
+}
+
+.w-3\/4 {
+ width: 75%;
+}
+
+.w-1\/5 {
+ width: 20%;
+}
+
+.w-2\/5 {
+ width: 40%;
+}
+
+.w-3\/5 {
+ width: 60%;
+}
+
+.w-4\/5 {
+ width: 80%;
+}
+
+.w-1\/6 {
+ width: 16.666667%;
+}
+
+.w-2\/6 {
+ width: 33.333333%;
+}
+
+.w-3\/6 {
+ width: 50%;
+}
+
+.w-4\/6 {
+ width: 66.666667%;
+}
+
+.w-5\/6 {
+ width: 83.333333%;
+}
+
+.w-1\/12 {
+ width: 8.333333%;
+}
+
+.w-2\/12 {
+ width: 16.666667%;
+}
+
+.w-3\/12 {
+ width: 25%;
+}
+
+.w-4\/12 {
+ width: 33.333333%;
+}
+
+.w-5\/12 {
+ width: 41.666667%;
+}
+
+.w-6\/12 {
+ width: 50%;
+}
+
+.w-7\/12 {
+ width: 58.333333%;
+}
+
+.w-8\/12 {
+ width: 66.666667%;
+}
+
+.w-9\/12 {
+ width: 75%;
+}
+
+.w-10\/12 {
+ width: 83.333333%;
+}
+
+.w-11\/12 {
+ width: 91.666667%;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.w-screen {
+ width: 100vw;
+}
+
+.z-0 {
+ z-index: 0;
+}
+
+.z-10 {
+ z-index: 10;
+}
+
+.z-20 {
+ z-index: 20;
+}
+
+.z-30 {
+ z-index: 30;
+}
+
+.z-40 {
+ z-index: 40;
+}
+
+.z-50 {
+ z-index: 50;
+}
+
+.z-auto {
+ z-index: auto;
+}
+
+.gap-0 {
+ grid-gap: 0;
+ gap: 0;
+}
+
+.gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+}
+
+.gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+}
+
+.gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+}
+
+.gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+}
+
+.gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+}
+
+.gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+}
+
+.gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+}
+
+.gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+}
+
+.gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+}
+
+.gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+}
+
+.gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+}
+
+.gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+}
+
+.gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+}
+
+.gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+}
+
+.gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+}
+
+.gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+}
+
+.gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+}
+
+.gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+}
+
+.col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+}
+
+.col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+}
+
+.col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+}
+
+.col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+}
+
+.col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+}
+
+.col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+}
+
+.col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+}
+
+.col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+}
+
+.col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+}
+
+.col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+}
+
+.col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+}
+
+.col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+}
+
+.col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+}
+
+.col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+}
+
+.col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+}
+
+.col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+}
+
+.col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+}
+
+.col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+}
+
+.col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+}
+
+.row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+}
+
+.row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+}
+
+.row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+}
+
+.row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+}
+
+.row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+}
+
+.row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+}
+
+.row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+}
+
+.row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+}
+
+.row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+}
+
+.row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+}
+
+.row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+}
+
+.row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+}
+
+.row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+}
+
+.row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+}
+
+.row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+}
+
+.row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+}
+
+.row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+}
+
+.row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+}
+
+.row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+}
+
+.grid-flow-row {
+ grid-auto-flow: row;
+}
+
+.grid-flow-col {
+ grid-auto-flow: column;
+}
+
+.grid-flow-row-dense {
+ grid-auto-flow: row dense;
+}
+
+.grid-flow-col-dense {
+ grid-auto-flow: column dense;
+}
+
+.grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+.grid-cols-6 {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.grid-cols-7 {
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+}
+
+.grid-cols-8 {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+}
+
+.grid-cols-9 {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+}
+
+.grid-cols-10 {
+ grid-template-columns: repeat(10, minmax(0, 1fr));
+}
+
+.grid-cols-11 {
+ grid-template-columns: repeat(11, minmax(0, 1fr));
+}
+
+.grid-cols-12 {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.grid-cols-none {
+ grid-template-columns: none;
+}
+
+.col-auto {
+ grid-column: auto;
+}
+
+.col-span-1 {
+ grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+ grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+ grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+ grid-column: span 4 / span 4;
+}
+
+.col-span-5 {
+ grid-column: span 5 / span 5;
+}
+
+.col-span-6 {
+ grid-column: span 6 / span 6;
+}
+
+.col-span-7 {
+ grid-column: span 7 / span 7;
+}
+
+.col-span-8 {
+ grid-column: span 8 / span 8;
+}
+
+.col-span-9 {
+ grid-column: span 9 / span 9;
+}
+
+.col-span-10 {
+ grid-column: span 10 / span 10;
+}
+
+.col-span-11 {
+ grid-column: span 11 / span 11;
+}
+
+.col-span-12 {
+ grid-column: span 12 / span 12;
+}
+
+.col-start-1 {
+ grid-column-start: 1;
+}
+
+.col-start-2 {
+ grid-column-start: 2;
+}
+
+.col-start-3 {
+ grid-column-start: 3;
+}
+
+.col-start-4 {
+ grid-column-start: 4;
+}
+
+.col-start-5 {
+ grid-column-start: 5;
+}
+
+.col-start-6 {
+ grid-column-start: 6;
+}
+
+.col-start-7 {
+ grid-column-start: 7;
+}
+
+.col-start-8 {
+ grid-column-start: 8;
+}
+
+.col-start-9 {
+ grid-column-start: 9;
+}
+
+.col-start-10 {
+ grid-column-start: 10;
+}
+
+.col-start-11 {
+ grid-column-start: 11;
+}
+
+.col-start-12 {
+ grid-column-start: 12;
+}
+
+.col-start-13 {
+ grid-column-start: 13;
+}
+
+.col-start-auto {
+ grid-column-start: auto;
+}
+
+.col-end-1 {
+ grid-column-end: 1;
+}
+
+.col-end-2 {
+ grid-column-end: 2;
+}
+
+.col-end-3 {
+ grid-column-end: 3;
+}
+
+.col-end-4 {
+ grid-column-end: 4;
+}
+
+.col-end-5 {
+ grid-column-end: 5;
+}
+
+.col-end-6 {
+ grid-column-end: 6;
+}
+
+.col-end-7 {
+ grid-column-end: 7;
+}
+
+.col-end-8 {
+ grid-column-end: 8;
+}
+
+.col-end-9 {
+ grid-column-end: 9;
+}
+
+.col-end-10 {
+ grid-column-end: 10;
+}
+
+.col-end-11 {
+ grid-column-end: 11;
+}
+
+.col-end-12 {
+ grid-column-end: 12;
+}
+
+.col-end-13 {
+ grid-column-end: 13;
+}
+
+.col-end-auto {
+ grid-column-end: auto;
+}
+
+.grid-rows-1 {
+ grid-template-rows: repeat(1, minmax(0, 1fr));
+}
+
+.grid-rows-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+.grid-rows-3 {
+ grid-template-rows: repeat(3, minmax(0, 1fr));
+}
+
+.grid-rows-4 {
+ grid-template-rows: repeat(4, minmax(0, 1fr));
+}
+
+.grid-rows-5 {
+ grid-template-rows: repeat(5, minmax(0, 1fr));
+}
+
+.grid-rows-6 {
+ grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+
+.grid-rows-none {
+ grid-template-rows: none;
+}
+
+.row-auto {
+ grid-row: auto;
+}
+
+.row-span-1 {
+ grid-row: span 1 / span 1;
+}
+
+.row-span-2 {
+ grid-row: span 2 / span 2;
+}
+
+.row-span-3 {
+ grid-row: span 3 / span 3;
+}
+
+.row-span-4 {
+ grid-row: span 4 / span 4;
+}
+
+.row-span-5 {
+ grid-row: span 5 / span 5;
+}
+
+.row-span-6 {
+ grid-row: span 6 / span 6;
+}
+
+.row-start-1 {
+ grid-row-start: 1;
+}
+
+.row-start-2 {
+ grid-row-start: 2;
+}
+
+.row-start-3 {
+ grid-row-start: 3;
+}
+
+.row-start-4 {
+ grid-row-start: 4;
+}
+
+.row-start-5 {
+ grid-row-start: 5;
+}
+
+.row-start-6 {
+ grid-row-start: 6;
+}
+
+.row-start-7 {
+ grid-row-start: 7;
+}
+
+.row-start-auto {
+ grid-row-start: auto;
+}
+
+.row-end-1 {
+ grid-row-end: 1;
+}
+
+.row-end-2 {
+ grid-row-end: 2;
+}
+
+.row-end-3 {
+ grid-row-end: 3;
+}
+
+.row-end-4 {
+ grid-row-end: 4;
+}
+
+.row-end-5 {
+ grid-row-end: 5;
+}
+
+.row-end-6 {
+ grid-row-end: 6;
+}
+
+.row-end-7 {
+ grid-row-end: 7;
+}
+
+.row-end-auto {
+ grid-row-end: auto;
+}
+
+.transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+}
+
+.transform-none {
+ transform: none;
+}
+
+.origin-center {
+ transform-origin: center;
+}
+
+.origin-top {
+ transform-origin: top;
+}
+
+.origin-top-right {
+ transform-origin: top right;
+}
+
+.origin-right {
+ transform-origin: right;
+}
+
+.origin-bottom-right {
+ transform-origin: bottom right;
+}
+
+.origin-bottom {
+ transform-origin: bottom;
+}
+
+.origin-bottom-left {
+ transform-origin: bottom left;
+}
+
+.origin-left {
+ transform-origin: left;
+}
+
+.origin-top-left {
+ transform-origin: top left;
+}
+
+.scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+}
+
+.scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+}
+
+.scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+}
+
+.scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+}
+
+.scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+}
+
+.scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+}
+
+.scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+}
+
+.scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+}
+
+.scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+}
+
+.scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+}
+
+.scale-x-0 {
+ --transform-scale-x: 0;
+}
+
+.scale-x-50 {
+ --transform-scale-x: .5;
+}
+
+.scale-x-75 {
+ --transform-scale-x: .75;
+}
+
+.scale-x-90 {
+ --transform-scale-x: .9;
+}
+
+.scale-x-95 {
+ --transform-scale-x: .95;
+}
+
+.scale-x-100 {
+ --transform-scale-x: 1;
+}
+
+.scale-x-105 {
+ --transform-scale-x: 1.05;
+}
+
+.scale-x-110 {
+ --transform-scale-x: 1.1;
+}
+
+.scale-x-125 {
+ --transform-scale-x: 1.25;
+}
+
+.scale-x-150 {
+ --transform-scale-x: 1.5;
+}
+
+.scale-y-0 {
+ --transform-scale-y: 0;
+}
+
+.scale-y-50 {
+ --transform-scale-y: .5;
+}
+
+.scale-y-75 {
+ --transform-scale-y: .75;
+}
+
+.scale-y-90 {
+ --transform-scale-y: .9;
+}
+
+.scale-y-95 {
+ --transform-scale-y: .95;
+}
+
+.scale-y-100 {
+ --transform-scale-y: 1;
+}
+
+.scale-y-105 {
+ --transform-scale-y: 1.05;
+}
+
+.scale-y-110 {
+ --transform-scale-y: 1.1;
+}
+
+.scale-y-125 {
+ --transform-scale-y: 1.25;
+}
+
+.scale-y-150 {
+ --transform-scale-y: 1.5;
+}
+
+.hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+}
+
+.hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+}
+
+.hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+}
+
+.hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+}
+
+.hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+}
+
+.hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+}
+
+.hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+}
+
+.hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+}
+
+.hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+}
+
+.hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+}
+
+.hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+}
+
+.hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+}
+
+.hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+}
+
+.hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+}
+
+.hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+}
+
+.hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+}
+
+.hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+}
+
+.hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+}
+
+.hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+}
+
+.hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+}
+
+.hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+}
+
+.hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+}
+
+.hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+}
+
+.hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+}
+
+.hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+}
+
+.hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+}
+
+.hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+}
+
+.hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+}
+
+.hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+}
+
+.hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+}
+
+.focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+}
+
+.focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+}
+
+.focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+}
+
+.focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+}
+
+.focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+}
+
+.focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+}
+
+.focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+}
+
+.focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+}
+
+.focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+}
+
+.focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+}
+
+.focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+}
+
+.focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+}
+
+.focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+}
+
+.focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+}
+
+.focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+}
+
+.focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+}
+
+.focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+}
+
+.focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+}
+
+.focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+}
+
+.focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+}
+
+.focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+}
+
+.focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+}
+
+.focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+}
+
+.focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+}
+
+.focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+}
+
+.focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+}
+
+.focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+}
+
+.focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+}
+
+.focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+}
+
+.focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+}
+
+.rotate-0 {
+ --transform-rotate: 0;
+}
+
+.rotate-45 {
+ --transform-rotate: 45deg;
+}
+
+.rotate-90 {
+ --transform-rotate: 90deg;
+}
+
+.rotate-180 {
+ --transform-rotate: 180deg;
+}
+
+.-rotate-180 {
+ --transform-rotate: -180deg;
+}
+
+.-rotate-90 {
+ --transform-rotate: -90deg;
+}
+
+.-rotate-45 {
+ --transform-rotate: -45deg;
+}
+
+.hover\:rotate-0:hover {
+ --transform-rotate: 0;
+}
+
+.hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+}
+
+.hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+}
+
+.hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+}
+
+.hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+}
+
+.hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+}
+
+.hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+}
+
+.focus\:rotate-0:focus {
+ --transform-rotate: 0;
+}
+
+.focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+}
+
+.focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+}
+
+.focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+}
+
+.focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+}
+
+.focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+}
+
+.focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+}
+
+.translate-x-0 {
+ --transform-translate-x: 0;
+}
+
+.translate-x-1 {
+ --transform-translate-x: 0.25rem;
+}
+
+.translate-x-2 {
+ --transform-translate-x: 0.5rem;
+}
+
+.translate-x-3 {
+ --transform-translate-x: 0.75rem;
+}
+
+.translate-x-4 {
+ --transform-translate-x: 1rem;
+}
+
+.translate-x-5 {
+ --transform-translate-x: 1.25rem;
+}
+
+.translate-x-6 {
+ --transform-translate-x: 1.5rem;
+}
+
+.translate-x-8 {
+ --transform-translate-x: 2rem;
+}
+
+.translate-x-10 {
+ --transform-translate-x: 2.5rem;
+}
+
+.translate-x-12 {
+ --transform-translate-x: 3rem;
+}
+
+.translate-x-16 {
+ --transform-translate-x: 4rem;
+}
+
+.translate-x-20 {
+ --transform-translate-x: 5rem;
+}
+
+.translate-x-24 {
+ --transform-translate-x: 6rem;
+}
+
+.translate-x-32 {
+ --transform-translate-x: 8rem;
+}
+
+.translate-x-40 {
+ --transform-translate-x: 10rem;
+}
+
+.translate-x-48 {
+ --transform-translate-x: 12rem;
+}
+
+.translate-x-56 {
+ --transform-translate-x: 14rem;
+}
+
+.translate-x-64 {
+ --transform-translate-x: 16rem;
+}
+
+.translate-x-px {
+ --transform-translate-x: 1px;
+}
+
+.-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+}
+
+.-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+}
+
+.-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+}
+
+.-translate-x-4 {
+ --transform-translate-x: -1rem;
+}
+
+.-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+}
+
+.-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+}
+
+.-translate-x-8 {
+ --transform-translate-x: -2rem;
+}
+
+.-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+}
+
+.-translate-x-12 {
+ --transform-translate-x: -3rem;
+}
+
+.-translate-x-16 {
+ --transform-translate-x: -4rem;
+}
+
+.-translate-x-20 {
+ --transform-translate-x: -5rem;
+}
+
+.-translate-x-24 {
+ --transform-translate-x: -6rem;
+}
+
+.-translate-x-32 {
+ --transform-translate-x: -8rem;
+}
+
+.-translate-x-40 {
+ --transform-translate-x: -10rem;
+}
+
+.-translate-x-48 {
+ --transform-translate-x: -12rem;
+}
+
+.-translate-x-56 {
+ --transform-translate-x: -14rem;
+}
+
+.-translate-x-64 {
+ --transform-translate-x: -16rem;
+}
+
+.-translate-x-px {
+ --transform-translate-x: -1px;
+}
+
+.-translate-x-full {
+ --transform-translate-x: -100%;
+}
+
+.-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+}
+
+.translate-x-1\/2 {
+ --transform-translate-x: 50%;
+}
+
+.translate-x-full {
+ --transform-translate-x: 100%;
+}
+
+.translate-y-0 {
+ --transform-translate-y: 0;
+}
+
+.translate-y-1 {
+ --transform-translate-y: 0.25rem;
+}
+
+.translate-y-2 {
+ --transform-translate-y: 0.5rem;
+}
+
+.translate-y-3 {
+ --transform-translate-y: 0.75rem;
+}
+
+.translate-y-4 {
+ --transform-translate-y: 1rem;
+}
+
+.translate-y-5 {
+ --transform-translate-y: 1.25rem;
+}
+
+.translate-y-6 {
+ --transform-translate-y: 1.5rem;
+}
+
+.translate-y-8 {
+ --transform-translate-y: 2rem;
+}
+
+.translate-y-10 {
+ --transform-translate-y: 2.5rem;
+}
+
+.translate-y-12 {
+ --transform-translate-y: 3rem;
+}
+
+.translate-y-16 {
+ --transform-translate-y: 4rem;
+}
+
+.translate-y-20 {
+ --transform-translate-y: 5rem;
+}
+
+.translate-y-24 {
+ --transform-translate-y: 6rem;
+}
+
+.translate-y-32 {
+ --transform-translate-y: 8rem;
+}
+
+.translate-y-40 {
+ --transform-translate-y: 10rem;
+}
+
+.translate-y-48 {
+ --transform-translate-y: 12rem;
+}
+
+.translate-y-56 {
+ --transform-translate-y: 14rem;
+}
+
+.translate-y-64 {
+ --transform-translate-y: 16rem;
+}
+
+.translate-y-px {
+ --transform-translate-y: 1px;
+}
+
+.-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+}
+
+.-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+}
+
+.-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+}
+
+.-translate-y-4 {
+ --transform-translate-y: -1rem;
+}
+
+.-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+}
+
+.-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+}
+
+.-translate-y-8 {
+ --transform-translate-y: -2rem;
+}
+
+.-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+}
+
+.-translate-y-12 {
+ --transform-translate-y: -3rem;
+}
+
+.-translate-y-16 {
+ --transform-translate-y: -4rem;
+}
+
+.-translate-y-20 {
+ --transform-translate-y: -5rem;
+}
+
+.-translate-y-24 {
+ --transform-translate-y: -6rem;
+}
+
+.-translate-y-32 {
+ --transform-translate-y: -8rem;
+}
+
+.-translate-y-40 {
+ --transform-translate-y: -10rem;
+}
+
+.-translate-y-48 {
+ --transform-translate-y: -12rem;
+}
+
+.-translate-y-56 {
+ --transform-translate-y: -14rem;
+}
+
+.-translate-y-64 {
+ --transform-translate-y: -16rem;
+}
+
+.-translate-y-px {
+ --transform-translate-y: -1px;
+}
+
+.-translate-y-full {
+ --transform-translate-y: -100%;
+}
+
+.-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+}
+
+.translate-y-1\/2 {
+ --transform-translate-y: 50%;
+}
+
+.translate-y-full {
+ --transform-translate-y: 100%;
+}
+
+.hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+}
+
+.hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+}
+
+.hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+}
+
+.hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+}
+
+.hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+}
+
+.hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+}
+
+.hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+}
+
+.hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+}
+
+.hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+}
+
+.hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+}
+
+.hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+}
+
+.hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+}
+
+.hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+}
+
+.hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+}
+
+.hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+}
+
+.hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+}
+
+.hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+}
+
+.hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+}
+
+.hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+}
+
+.hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+}
+
+.hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+}
+
+.hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+}
+
+.hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+}
+
+.hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+}
+
+.hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+}
+
+.hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+}
+
+.hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+}
+
+.hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+}
+
+.hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+}
+
+.hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+}
+
+.hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+}
+
+.hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+}
+
+.hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+}
+
+.hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+}
+
+.hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+}
+
+.hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+}
+
+.hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+}
+
+.hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+}
+
+.hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+}
+
+.hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+}
+
+.hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+}
+
+.hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+}
+
+.hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+}
+
+.hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+}
+
+.hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+}
+
+.hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+}
+
+.hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+}
+
+.hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+}
+
+.hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+}
+
+.hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+}
+
+.hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+}
+
+.hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+}
+
+.hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+}
+
+.hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+}
+
+.hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+}
+
+.hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+}
+
+.hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+}
+
+.hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+}
+
+.hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+}
+
+.hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+}
+
+.hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+}
+
+.hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+}
+
+.hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+}
+
+.hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+}
+
+.hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+}
+
+.hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+}
+
+.hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+}
+
+.hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+}
+
+.hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+}
+
+.hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+}
+
+.hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+}
+
+.hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+}
+
+.hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+}
+
+.hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+}
+
+.hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+}
+
+.hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+}
+
+.hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+}
+
+.hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+}
+
+.hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+}
+
+.hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+}
+
+.hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+}
+
+.hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+}
+
+.focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+}
+
+.focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+}
+
+.focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+}
+
+.focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+}
+
+.focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+}
+
+.focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+}
+
+.focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+}
+
+.focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+}
+
+.focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+}
+
+.focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+}
+
+.focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+}
+
+.focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+}
+
+.focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+}
+
+.focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+}
+
+.focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+}
+
+.focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+}
+
+.focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+}
+
+.focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+}
+
+.focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+}
+
+.focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+}
+
+.focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+}
+
+.focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+}
+
+.focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+}
+
+.focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+}
+
+.focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+}
+
+.focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+}
+
+.focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+}
+
+.focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+}
+
+.focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+}
+
+.focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+}
+
+.focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+}
+
+.focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+}
+
+.focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+}
+
+.focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+}
+
+.focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+}
+
+.focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+}
+
+.focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+}
+
+.focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+}
+
+.focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+}
+
+.focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+}
+
+.focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+}
+
+.focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+}
+
+.focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+}
+
+.focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+}
+
+.focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+}
+
+.focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+}
+
+.focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+}
+
+.focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+}
+
+.focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+}
+
+.focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+}
+
+.focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+}
+
+.focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+}
+
+.focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+}
+
+.focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+}
+
+.focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+}
+
+.focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+}
+
+.focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+}
+
+.focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+}
+
+.focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+}
+
+.focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+}
+
+.focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+}
+
+.focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+}
+
+.focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+}
+
+.focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+}
+
+.focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+}
+
+.focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+}
+
+.focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+}
+
+.focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+}
+
+.focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+}
+
+.focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+}
+
+.focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+}
+
+.focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+}
+
+.focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+}
+
+.focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+}
+
+.focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+}
+
+.focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+}
+
+.focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+}
+
+.focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+}
+
+.focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+}
+
+.focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+}
+
+.focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+}
+
+.focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+}
+
+.skew-x-0 {
+ --transform-skew-x: 0;
+}
+
+.skew-x-3 {
+ --transform-skew-x: 3deg;
+}
+
+.skew-x-6 {
+ --transform-skew-x: 6deg;
+}
+
+.skew-x-12 {
+ --transform-skew-x: 12deg;
+}
+
+.-skew-x-12 {
+ --transform-skew-x: -12deg;
+}
+
+.-skew-x-6 {
+ --transform-skew-x: -6deg;
+}
+
+.-skew-x-3 {
+ --transform-skew-x: -3deg;
+}
+
+.skew-y-0 {
+ --transform-skew-y: 0;
+}
+
+.skew-y-3 {
+ --transform-skew-y: 3deg;
+}
+
+.skew-y-6 {
+ --transform-skew-y: 6deg;
+}
+
+.skew-y-12 {
+ --transform-skew-y: 12deg;
+}
+
+.-skew-y-12 {
+ --transform-skew-y: -12deg;
+}
+
+.-skew-y-6 {
+ --transform-skew-y: -6deg;
+}
+
+.-skew-y-3 {
+ --transform-skew-y: -3deg;
+}
+
+.hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+}
+
+.hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+}
+
+.hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+}
+
+.hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+}
+
+.hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+}
+
+.hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+}
+
+.hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+}
+
+.hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+}
+
+.hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+}
+
+.hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+}
+
+.hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+}
+
+.hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+}
+
+.hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+}
+
+.hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+}
+
+.focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+}
+
+.focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+}
+
+.focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+}
+
+.focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+}
+
+.focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+}
+
+.focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+}
+
+.focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+}
+
+.focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+}
+
+.focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+}
+
+.focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+}
+
+.focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+}
+
+.focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+}
+
+.focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+}
+
+.focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+}
+
+.transition-none {
+ transition-property: none;
+}
+
+.transition-all {
+ transition-property: all;
+}
+
+.transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
+
+.transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+}
+
+.transition-opacity {
+ transition-property: opacity;
+}
+
+.transition-shadow {
+ transition-property: box-shadow;
+}
+
+.transition-transform {
+ transition-property: transform;
+}
+
+.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);
+}
+
+.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;
+}
+
+.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;
+}
+
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes ping {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: .5;
+ }
+}
+
+@keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
+ }
+
+ 50% {
+ transform: translateY(0);
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
+ }
+}
+
+.animate-none {
+ animation: none;
+}
+
+.animate-spin {
+ animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+ animation: bounce 1s infinite;
+}
+
+.example {
+ font-weight: 700;
+ color: #f56565;
+}
+
+@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;
+ }
+ }
+
+ .sm\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .sm\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .sm\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .sm\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .sm\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .sm\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .sm\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .sm\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .sm\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .sm\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .sm\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .sm\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .sm\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .sm\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .sm\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .sm\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .sm\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .sm\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .sm\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .sm\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .sm\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .sm\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .sm\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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\: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\:appearance-none {
+ appearance: none;
+ }
+
+ .sm\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .sm\:bg-local {
+ background-attachment: local;
+ }
+
+ .sm\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .sm\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .sm\:bg-current {
+ background-color: currentColor;
+ }
+
+ .sm\:bg-black {
+ background-color: #000;
+ }
+
+ .sm\:bg-white {
+ background-color: #fff;
+ }
+
+ .sm\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .sm\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .sm\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .sm\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .sm\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .sm\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .sm\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .sm\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .sm\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .sm\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .sm\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .sm\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .sm\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .sm\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .sm\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .sm\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .sm\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .sm\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .sm\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .sm\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .sm\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .sm\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .sm\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .sm\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .sm\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .sm\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .sm\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .sm\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .sm\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .sm\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .sm\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .sm\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .sm\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .sm\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .sm\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .sm\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .sm\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .sm\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .sm\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .sm\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .sm\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .sm\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .sm\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .sm\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .sm\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .sm\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .sm\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .sm\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .sm\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .sm\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .sm\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .sm\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .sm\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .sm\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .sm\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .sm\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .sm\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .sm\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .sm\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .sm\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .sm\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .sm\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .sm\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .sm\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .sm\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .sm\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .sm\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .sm\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .sm\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .sm\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .sm\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .sm\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .sm\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .sm\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .sm\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .sm\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .sm\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .sm\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .sm\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .sm\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .sm\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .sm\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .sm\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .sm\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .sm\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .sm\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .sm\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .sm\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .sm\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .sm\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .sm\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .sm\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .sm\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .sm\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .sm\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .sm\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .sm\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .sm\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .sm\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .sm\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .sm\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .sm\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .sm\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .sm\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .sm\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .sm\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .sm\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .sm\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .sm\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .sm\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .sm\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .sm\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .sm\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .sm\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .sm\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .sm\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .sm\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .sm\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .sm\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .sm\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .sm\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .sm\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .sm\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .sm\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .sm\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .sm\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .sm\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .sm\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .sm\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .sm\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .sm\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .sm\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .sm\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .sm\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .sm\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .sm\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .sm\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .sm\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .sm\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .sm\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .sm\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .sm\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .sm\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .sm\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .sm\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .sm\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .sm\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .sm\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .sm\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .sm\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .sm\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .sm\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .sm\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .sm\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .sm\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .sm\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .sm\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .sm\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .sm\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .sm\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .sm\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .sm\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .sm\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .sm\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .sm\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .sm\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .sm\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .sm\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .sm\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .sm\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .sm\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .sm\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .sm\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .sm\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .sm\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .sm\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .sm\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .sm\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .sm\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .sm\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .sm\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .sm\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .sm\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .sm\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .sm\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .sm\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .sm\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .sm\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .sm\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .sm\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .sm\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .sm\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .sm\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .sm\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .sm\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .sm\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .sm\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .sm\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .sm\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .sm\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .sm\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .sm\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .sm\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .sm\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .sm\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .sm\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .sm\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .sm\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .sm\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .sm\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .sm\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .sm\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .sm\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .sm\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .sm\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .sm\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .sm\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .sm\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .sm\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .sm\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .sm\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .sm\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .sm\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .sm\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .sm\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .sm\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .sm\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .sm\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .sm\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .sm\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .sm\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .sm\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .sm\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .sm\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .sm\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .sm\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .sm\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .sm\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .sm\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .sm\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .sm\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .sm\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .sm\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .sm\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .sm\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .sm\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .sm\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .sm\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .sm\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .sm\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .sm\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .sm\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .sm\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .sm\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .sm\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .sm\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .sm\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .sm\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .sm\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .sm\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .sm\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .sm\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .sm\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .sm\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .sm\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .sm\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .sm\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .sm\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .sm\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .sm\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .sm\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .sm\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .sm\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .sm\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .sm\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .sm\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .sm\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .sm\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .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-auto {
+ background-size: auto;
+ }
+
+ .sm\:bg-cover {
+ background-size: cover;
+ }
+
+ .sm\:bg-contain {
+ background-size: contain;
+ }
+
+ .sm\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .sm\:border-separate {
+ border-collapse: separate;
+ }
+
+ .sm\:border-transparent {
+ border-color: transparent;
+ }
+
+ .sm\:border-current {
+ border-color: currentColor;
+ }
+
+ .sm\:border-black {
+ border-color: #000;
+ }
+
+ .sm\:border-white {
+ border-color: #fff;
+ }
+
+ .sm\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .sm\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .sm\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .sm\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .sm\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .sm\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .sm\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .sm\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .sm\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .sm\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .sm\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .sm\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .sm\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .sm\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .sm\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .sm\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .sm\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .sm\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .sm\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .sm\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .sm\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .sm\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .sm\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .sm\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .sm\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .sm\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .sm\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .sm\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .sm\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .sm\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .sm\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .sm\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .sm\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .sm\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .sm\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .sm\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .sm\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .sm\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .sm\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .sm\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .sm\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .sm\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .sm\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .sm\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .sm\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .sm\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .sm\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .sm\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .sm\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .sm\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .sm\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .sm\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .sm\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .sm\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .sm\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .sm\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .sm\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .sm\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .sm\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .sm\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .sm\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .sm\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .sm\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .sm\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .sm\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .sm\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .sm\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .sm\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .sm\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .sm\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .sm\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .sm\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .sm\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .sm\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .sm\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .sm\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .sm\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .sm\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .sm\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .sm\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .sm\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .sm\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .sm\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .sm\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .sm\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .sm\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .sm\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .sm\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .sm\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .sm\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .sm\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .sm\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .sm\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .sm\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .sm\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .sm\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .sm\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .sm\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .sm\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .sm\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .sm\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .sm\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .sm\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .sm\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .sm\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .sm\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .sm\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .sm\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .sm\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .sm\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .sm\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .sm\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .sm\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .sm\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .sm\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .sm\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .sm\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .sm\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .sm\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .sm\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .sm\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .sm\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .sm\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .sm\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .sm\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .sm\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .sm\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .sm\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .sm\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .sm\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .sm\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .sm\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .sm\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .sm\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .sm\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .sm\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .sm\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .sm\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .sm\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .sm\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .sm\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .sm\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .sm\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .sm\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .sm\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .sm\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .sm\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .sm\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .sm\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .sm\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .sm\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .sm\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .sm\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .sm\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .sm\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .sm\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .sm\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .sm\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .sm\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .sm\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .sm\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .sm\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .sm\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .sm\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .sm\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .sm\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .sm\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .sm\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .sm\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .sm\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .sm\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .sm\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .sm\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .sm\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .sm\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .sm\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .sm\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .sm\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .sm\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .sm\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .sm\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .sm\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .sm\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .sm\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .sm\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .sm\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .sm\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .sm\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .sm\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .sm\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .sm\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .sm\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .sm\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .sm\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .sm\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .sm\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .sm\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .sm\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .sm\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .sm\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .sm\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .sm\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .sm\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .sm\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .sm\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .sm\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .sm\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .sm\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .sm\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .sm\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .sm\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .sm\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .sm\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .sm\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .sm\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .sm\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .sm\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .sm\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .sm\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .sm\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .sm\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .sm\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .sm\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .sm\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .sm\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .sm\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .sm\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .sm\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .sm\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .sm\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .sm\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .sm\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .sm\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .sm\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .sm\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .sm\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .sm\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .sm\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .sm\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .sm\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .sm\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .sm\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .sm\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .sm\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .sm\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .sm\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .sm\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .sm\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .sm\:rounded-none {
+ border-radius: 0;
+ }
+
+ .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-full {
+ border-radius: 9999px;
+ }
+
+ .sm\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .sm\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .sm\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .sm\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .sm\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .sm\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .sm\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .sm\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .sm\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .sm\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .sm\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .sm\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .sm\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .sm\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .sm\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .sm\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .sm\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .sm\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .sm\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .sm\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .sm\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .sm\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .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-0 {
+ border-width: 0;
+ }
+
+ .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: 0;
+ }
+
+ .sm\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .sm\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .sm\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .sm\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .sm\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .sm\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .sm\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .sm\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .sm\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .sm\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .sm\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .sm\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .sm\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .sm\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .sm\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .sm\:border-t {
+ border-top-width: 1px;
+ }
+
+ .sm\:border-r {
+ border-right-width: 1px;
+ }
+
+ .sm\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .sm\:border-l {
+ border-left-width: 1px;
+ }
+
+ .sm\:box-border {
+ box-sizing: border-box;
+ }
+
+ .sm\:box-content {
+ box-sizing: content-box;
+ }
+
+ .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-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .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\: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\:hidden {
+ display: 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-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .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\: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\: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\: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\: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-grow-0 {
+ flex-grow: 0;
+ }
+
+ .sm\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .sm\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .sm\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .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\:float-right {
+ float: right;
+ }
+
+ .sm\:float-left {
+ float: left;
+ }
+
+ .sm\:float-none {
+ float: none;
+ }
+
+ .sm\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .sm\:clear-left {
+ clear: left;
+ }
+
+ .sm\:clear-right {
+ clear: right;
+ }
+
+ .sm\:clear-both {
+ clear: both;
+ }
+
+ .sm\:clear-none {
+ clear: none;
+ }
+
+ .sm\:font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .sm\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .sm\:font-hairline {
+ font-weight: 100;
+ }
+
+ .sm\:font-thin {
+ 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\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .sm\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .sm\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .sm\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .sm\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .sm\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .sm\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .sm\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .sm\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .sm\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .sm\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .sm\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .sm\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .sm\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .sm\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .sm\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .sm\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .sm\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .sm\:h-0 {
+ height: 0;
+ }
+
+ .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-8 {
+ height: 2rem;
+ }
+
+ .sm\:h-10 {
+ height: 2.5rem;
+ }
+
+ .sm\:h-12 {
+ height: 3rem;
+ }
+
+ .sm\:h-16 {
+ height: 4rem;
+ }
+
+ .sm\:h-20 {
+ height: 5rem;
+ }
+
+ .sm\:h-24 {
+ height: 6rem;
+ }
+
+ .sm\:h-32 {
+ height: 8rem;
+ }
+
+ .sm\:h-40 {
+ height: 10rem;
+ }
+
+ .sm\:h-48 {
+ height: 12rem;
+ }
+
+ .sm\:h-56 {
+ height: 14rem;
+ }
+
+ .sm\:h-64 {
+ height: 16rem;
+ }
+
+ .sm\:h-auto {
+ height: auto;
+ }
+
+ .sm\:h-px {
+ height: 1px;
+ }
+
+ .sm\:h-full {
+ height: 100%;
+ }
+
+ .sm\:h-screen {
+ height: 100vh;
+ }
+
+ .sm\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .sm\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .sm\:text-base {
+ font-size: 1rem;
+ }
+
+ .sm\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .sm\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .sm\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .sm\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .sm\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .sm\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .sm\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .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\: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\:m-0 {
+ margin: 0;
+ }
+
+ .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-8 {
+ margin: 2rem;
+ }
+
+ .sm\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .sm\:m-12 {
+ margin: 3rem;
+ }
+
+ .sm\:m-16 {
+ margin: 4rem;
+ }
+
+ .sm\:m-20 {
+ margin: 5rem;
+ }
+
+ .sm\:m-24 {
+ margin: 6rem;
+ }
+
+ .sm\:m-32 {
+ margin: 8rem;
+ }
+
+ .sm\:m-40 {
+ margin: 10rem;
+ }
+
+ .sm\:m-48 {
+ margin: 12rem;
+ }
+
+ .sm\:m-56 {
+ margin: 14rem;
+ }
+
+ .sm\:m-64 {
+ margin: 16rem;
+ }
+
+ .sm\:m-auto {
+ margin: auto;
+ }
+
+ .sm\:m-px {
+ margin: 1px;
+ }
+
+ .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-8 {
+ margin: -2rem;
+ }
+
+ .sm\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .sm\:-m-12 {
+ margin: -3rem;
+ }
+
+ .sm\:-m-16 {
+ margin: -4rem;
+ }
+
+ .sm\:-m-20 {
+ margin: -5rem;
+ }
+
+ .sm\:-m-24 {
+ margin: -6rem;
+ }
+
+ .sm\:-m-32 {
+ margin: -8rem;
+ }
+
+ .sm\:-m-40 {
+ margin: -10rem;
+ }
+
+ .sm\:-m-48 {
+ margin: -12rem;
+ }
+
+ .sm\:-m-56 {
+ margin: -14rem;
+ }
+
+ .sm\:-m-64 {
+ margin: -16rem;
+ }
+
+ .sm\:-m-px {
+ margin: -1px;
+ }
+
+ .sm\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .sm\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .sm\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .sm\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .sm\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .sm\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .sm\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .sm\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .sm\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .sm\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .sm\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .sm\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .sm\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .sm\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .sm\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .sm\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .sm\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .sm\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .sm\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .sm\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .sm\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .sm\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .sm\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .sm\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .sm\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .sm\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .sm\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .sm\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .sm\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .sm\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .sm\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .sm\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .sm\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .sm\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .sm\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .sm\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .sm\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .sm\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .sm\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .sm\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .sm\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .sm\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .sm\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .sm\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .sm\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .sm\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .sm\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .sm\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .sm\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .sm\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .sm\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .sm\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .sm\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .sm\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .sm\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .sm\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .sm\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .sm\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .sm\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .sm\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .sm\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .sm\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .sm\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .sm\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .sm\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .sm\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .sm\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .sm\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .sm\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .sm\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .sm\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .sm\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .sm\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .sm\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .sm\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .sm\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .sm\:mt-0 {
+ margin-top: 0;
+ }
+
+ .sm\:mr-0 {
+ margin-right: 0;
+ }
+
+ .sm\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .sm\:ml-0 {
+ margin-left: 0;
+ }
+
+ .sm\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .sm\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .sm\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .sm\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .sm\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .sm\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .sm\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .sm\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .sm\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .sm\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .sm\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .sm\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .sm\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .sm\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .sm\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .sm\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .sm\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .sm\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .sm\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .sm\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .sm\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .sm\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .sm\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .sm\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .sm\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .sm\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .sm\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .sm\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .sm\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .sm\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .sm\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .sm\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .sm\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .sm\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .sm\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .sm\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .sm\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .sm\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .sm\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .sm\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .sm\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .sm\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .sm\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .sm\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .sm\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .sm\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .sm\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .sm\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .sm\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .sm\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .sm\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .sm\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .sm\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .sm\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .sm\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .sm\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .sm\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .sm\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .sm\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .sm\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .sm\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .sm\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .sm\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .sm\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .sm\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .sm\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .sm\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .sm\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .sm\:mt-auto {
+ margin-top: auto;
+ }
+
+ .sm\:mr-auto {
+ margin-right: auto;
+ }
+
+ .sm\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .sm\:ml-auto {
+ margin-left: auto;
+ }
+
+ .sm\:mt-px {
+ margin-top: 1px;
+ }
+
+ .sm\:mr-px {
+ margin-right: 1px;
+ }
+
+ .sm\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .sm\:ml-px {
+ margin-left: 1px;
+ }
+
+ .sm\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .sm\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .sm\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .sm\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .sm\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .sm\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .sm\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .sm\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .sm\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .sm\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .sm\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .sm\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .sm\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .sm\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .sm\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .sm\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .sm\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .sm\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .sm\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .sm\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .sm\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .sm\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .sm\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .sm\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .sm\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .sm\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .sm\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .sm\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .sm\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .sm\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .sm\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .sm\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .sm\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .sm\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .sm\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .sm\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .sm\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .sm\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .sm\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .sm\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .sm\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .sm\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .sm\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .sm\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .sm\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .sm\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .sm\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .sm\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .sm\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .sm\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .sm\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .sm\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .sm\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .sm\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .sm\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .sm\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .sm\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .sm\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .sm\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .sm\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .sm\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .sm\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .sm\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .sm\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .sm\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .sm\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .sm\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .sm\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .sm\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .sm\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .sm\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .sm\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .sm\:max-h-full {
+ max-height: 100%;
+ }
+
+ .sm\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .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-full {
+ max-width: 100%;
+ }
+
+ .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\:min-h-0 {
+ min-height: 0;
+ }
+
+ .sm\:min-h-full {
+ min-height: 100%;
+ }
+
+ .sm\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .sm\:min-w-0 {
+ min-width: 0;
+ }
+
+ .sm\:min-w-full {
+ min-width: 100%;
+ }
+
+ .sm\:object-contain {
+ object-fit: contain;
+ }
+
+ .sm\:object-cover {
+ object-fit: cover;
+ }
+
+ .sm\:object-fill {
+ object-fit: fill;
+ }
+
+ .sm\:object-none {
+ object-fit: none;
+ }
+
+ .sm\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .sm\:object-bottom {
+ object-position: bottom;
+ }
+
+ .sm\:object-center {
+ object-position: center;
+ }
+
+ .sm\:object-left {
+ object-position: left;
+ }
+
+ .sm\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .sm\:object-left-top {
+ object-position: left top;
+ }
+
+ .sm\:object-right {
+ object-position: right;
+ }
+
+ .sm\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .sm\:object-right-top {
+ object-position: right top;
+ }
+
+ .sm\:object-top {
+ object-position: top;
+ }
+
+ .sm\:opacity-0 {
+ opacity: 0;
+ }
+
+ .sm\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .sm\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .sm\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .sm\:opacity-100 {
+ opacity: 1;
+ }
+
+ .sm\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .sm\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .sm\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .sm\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .sm\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .sm\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .sm\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .sm\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .sm\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .sm\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .sm\:outline-none {
+ outline: 0;
+ }
+
+ .sm\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .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\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .sm\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .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\:p-0 {
+ padding: 0;
+ }
+
+ .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-8 {
+ padding: 2rem;
+ }
+
+ .sm\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .sm\:p-12 {
+ padding: 3rem;
+ }
+
+ .sm\:p-16 {
+ padding: 4rem;
+ }
+
+ .sm\:p-20 {
+ padding: 5rem;
+ }
+
+ .sm\:p-24 {
+ padding: 6rem;
+ }
+
+ .sm\:p-32 {
+ padding: 8rem;
+ }
+
+ .sm\:p-40 {
+ padding: 10rem;
+ }
+
+ .sm\:p-48 {
+ padding: 12rem;
+ }
+
+ .sm\:p-56 {
+ padding: 14rem;
+ }
+
+ .sm\:p-64 {
+ padding: 16rem;
+ }
+
+ .sm\:p-px {
+ padding: 1px;
+ }
+
+ .sm\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .sm\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .sm\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .sm\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .sm\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .sm\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .sm\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .sm\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .sm\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .sm\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .sm\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .sm\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .sm\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .sm\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .sm\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .sm\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .sm\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .sm\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .sm\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .sm\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .sm\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .sm\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .sm\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .sm\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .sm\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .sm\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .sm\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .sm\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .sm\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .sm\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .sm\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .sm\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .sm\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .sm\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .sm\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .sm\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .sm\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .sm\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .sm\:pt-0 {
+ padding-top: 0;
+ }
+
+ .sm\:pr-0 {
+ padding-right: 0;
+ }
+
+ .sm\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .sm\:pl-0 {
+ padding-left: 0;
+ }
+
+ .sm\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .sm\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .sm\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .sm\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .sm\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .sm\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .sm\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .sm\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .sm\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .sm\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .sm\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .sm\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .sm\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .sm\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .sm\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .sm\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .sm\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .sm\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .sm\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .sm\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .sm\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .sm\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .sm\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .sm\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .sm\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .sm\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .sm\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .sm\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .sm\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .sm\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .sm\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .sm\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .sm\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .sm\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .sm\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .sm\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .sm\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .sm\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .sm\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .sm\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .sm\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .sm\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .sm\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .sm\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .sm\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .sm\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .sm\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .sm\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .sm\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .sm\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .sm\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .sm\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .sm\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .sm\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .sm\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .sm\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .sm\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .sm\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .sm\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .sm\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .sm\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .sm\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .sm\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .sm\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .sm\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .sm\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .sm\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .sm\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .sm\:pt-px {
+ padding-top: 1px;
+ }
+
+ .sm\:pr-px {
+ padding-right: 1px;
+ }
+
+ .sm\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .sm\:pl-px {
+ padding-left: 1px;
+ }
+
+ .sm\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .sm\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .sm\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .sm\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .sm\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .sm\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .sm\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .sm\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .sm\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .sm\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .sm\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .sm\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .sm\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .sm\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .sm\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .sm\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .sm\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .sm\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .sm\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .sm\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .sm\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .sm\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .sm\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .sm\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .sm\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .sm\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .sm\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .sm\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .sm\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .sm\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .sm\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .sm\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .sm\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .sm\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .sm\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .sm\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .sm\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .sm\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .sm\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .sm\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .sm\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .sm\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .sm\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .sm\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .sm\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .sm\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .sm\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .sm\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .sm\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .sm\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .sm\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .sm\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .sm\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .sm\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .sm\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .sm\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .sm\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .sm\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .sm\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .sm\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .sm\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .sm\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .sm\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .sm\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .sm\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .sm\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .sm\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .sm\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .sm\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .sm\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .sm\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .sm\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .sm\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .sm\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .sm\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .sm\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .sm\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .sm\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .sm\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .sm\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .sm\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .sm\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .sm\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .sm\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .sm\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .sm\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .sm\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .sm\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .sm\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .sm\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .sm\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .sm\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .sm\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .sm\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .sm\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .sm\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .sm\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .sm\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .sm\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .sm\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .sm\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .sm\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .sm\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .sm\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .sm\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .sm\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .sm\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .sm\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .sm\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .sm\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .sm\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .sm\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .sm\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .sm\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .sm\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .sm\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .sm\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .sm\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .sm\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .sm\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .sm\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .sm\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .sm\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .sm\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .sm\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .sm\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .sm\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .sm\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .sm\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .sm\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .sm\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .sm\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .sm\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .sm\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .sm\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .sm\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .sm\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .sm\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .sm\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .sm\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .sm\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .sm\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .sm\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .sm\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .sm\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .sm\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .sm\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .sm\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .sm\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .sm\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .sm\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .sm\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .sm\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .sm\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .sm\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .sm\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .sm\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .sm\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .sm\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .sm\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .sm\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .sm\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .sm\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .sm\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .sm\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .sm\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .sm\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .sm\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .sm\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .sm\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .sm\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .sm\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .sm\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .sm\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .sm\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .sm\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .sm\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .sm\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .sm\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .sm\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .sm\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .sm\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .sm\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .sm\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .sm\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .sm\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .sm\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .sm\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .sm\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .sm\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .sm\:static {
+ position: static;
+ }
+
+ .sm\:fixed {
+ position: fixed;
+ }
+
+ .sm\:absolute {
+ position: absolute;
+ }
+
+ .sm\:relative {
+ position: relative;
+ }
+
+ .sm\:sticky {
+ position: sticky;
+ }
+
+ .sm\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .sm\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .sm\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .sm\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .sm\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .sm\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .sm\:top-0 {
+ top: 0;
+ }
+
+ .sm\:right-0 {
+ right: 0;
+ }
+
+ .sm\:bottom-0 {
+ bottom: 0;
+ }
+
+ .sm\:left-0 {
+ left: 0;
+ }
+
+ .sm\:top-auto {
+ top: auto;
+ }
+
+ .sm\:right-auto {
+ right: auto;
+ }
+
+ .sm\:bottom-auto {
+ bottom: auto;
+ }
+
+ .sm\:left-auto {
+ left: auto;
+ }
+
+ .sm\:resize-none {
+ resize: none;
+ }
+
+ .sm\:resize-y {
+ resize: vertical;
+ }
+
+ .sm\:resize-x {
+ resize: horizontal;
+ }
+
+ .sm\:resize {
+ resize: both;
+ }
+
+ .sm\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:shadow-none {
+ box-shadow: none;
+ }
+
+ .sm\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .sm\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .sm\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .sm\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .sm\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .sm\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .sm\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .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\:table-auto {
+ table-layout: auto;
+ }
+
+ .sm\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .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\:text-transparent {
+ color: transparent;
+ }
+
+ .sm\:text-current {
+ color: currentColor;
+ }
+
+ .sm\:text-black {
+ color: #000;
+ }
+
+ .sm\:text-white {
+ color: #fff;
+ }
+
+ .sm\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .sm\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .sm\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .sm\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .sm\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .sm\:text-gray-600 {
+ color: #718096;
+ }
+
+ .sm\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .sm\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .sm\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .sm\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .sm\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .sm\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .sm\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .sm\:text-red-500 {
+ color: #f56565;
+ }
+
+ .sm\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .sm\:text-red-700 {
+ color: #c53030;
+ }
+
+ .sm\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .sm\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .sm\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .sm\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .sm\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .sm\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .sm\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .sm\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .sm\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .sm\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .sm\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .sm\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .sm\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .sm\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .sm\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .sm\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .sm\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .sm\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .sm\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .sm\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .sm\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .sm\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .sm\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .sm\:text-green-400 {
+ color: #68d391;
+ }
+
+ .sm\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .sm\:text-green-600 {
+ color: #38a169;
+ }
+
+ .sm\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .sm\:text-green-800 {
+ color: #276749;
+ }
+
+ .sm\:text-green-900 {
+ color: #22543d;
+ }
+
+ .sm\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .sm\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .sm\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .sm\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .sm\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .sm\:text-teal-600 {
+ color: #319795;
+ }
+
+ .sm\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .sm\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .sm\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .sm\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .sm\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .sm\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .sm\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .sm\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .sm\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .sm\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .sm\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .sm\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .sm\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .sm\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .sm\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .sm\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .sm\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .sm\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .sm\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .sm\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .sm\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .sm\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .sm\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .sm\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .sm\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .sm\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .sm\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .sm\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .sm\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .sm\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .sm\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .sm\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .sm\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .sm\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .sm\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .sm\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .sm\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .sm\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .sm\:text-pink-900 {
+ color: #702459;
+ }
+
+ .sm\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .sm\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .sm\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .sm\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .sm\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .sm\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .sm\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .sm\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .sm\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .sm\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .sm\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .sm\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .sm\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .sm\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .sm\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .sm\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .sm\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .sm\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .sm\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .sm\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .sm\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .sm\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .sm\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .sm\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .sm\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .sm\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .sm\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .sm\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .sm\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .sm\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .sm\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .sm\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .sm\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .sm\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .sm\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .sm\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .sm\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .sm\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .sm\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .sm\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .sm\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .sm\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .sm\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .sm\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .sm\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .sm\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .sm\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .sm\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .sm\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .sm\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .sm\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .sm\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .sm\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .sm\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .sm\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .sm\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .sm\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .sm\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .sm\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .sm\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .sm\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .sm\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .sm\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .sm\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .sm\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .sm\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .sm\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .sm\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .sm\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .sm\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .sm\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .sm\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .sm\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .sm\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .sm\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .sm\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .sm\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .sm\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .sm\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .sm\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .sm\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .sm\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .sm\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .sm\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .sm\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .sm\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .sm\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .sm\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .sm\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .sm\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .sm\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .sm\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .sm\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .sm\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .sm\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .sm\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .sm\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .sm\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .sm\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .sm\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .sm\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .sm\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .sm\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .sm\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .sm\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .sm\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .sm\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .sm\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .sm\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .sm\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .sm\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .sm\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .sm\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .sm\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .sm\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .sm\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .sm\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .sm\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .sm\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .sm\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .sm\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .sm\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .sm\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .sm\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .sm\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .sm\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .sm\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .sm\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .sm\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .sm\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .sm\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .sm\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .sm\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .sm\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .sm\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .sm\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .sm\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .sm\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .sm\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .sm\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .sm\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .sm\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .sm\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .sm\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .sm\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .sm\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .sm\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .sm\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .sm\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .sm\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .sm\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .sm\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .sm\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .sm\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .sm\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .sm\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .sm\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .sm\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .sm\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .sm\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .sm\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .sm\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .sm\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .sm\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .sm\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .sm\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .sm\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .sm\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .sm\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .sm\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .sm\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .sm\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .sm\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .sm\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .sm\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .sm\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .sm\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .sm\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .sm\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .sm\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .sm\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .sm\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .sm\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .sm\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .sm\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .sm\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .sm\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .sm\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .sm\:italic {
+ font-style: italic;
+ }
+
+ .sm\:not-italic {
+ font-style: normal;
+ }
+
+ .sm\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .sm\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .sm\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .sm\:normal-case {
+ text-transform: none;
+ }
+
+ .sm\:underline {
+ text-decoration: underline;
+ }
+
+ .sm\:line-through {
+ text-decoration: line-through;
+ }
+
+ .sm\:no-underline {
+ 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\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .sm\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .sm\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .sm\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .sm\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .sm\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .sm\:select-none {
+ user-select: none;
+ }
+
+ .sm\:select-text {
+ user-select: text;
+ }
+
+ .sm\:select-all {
+ user-select: all;
+ }
+
+ .sm\:select-auto {
+ user-select: auto;
+ }
+
+ .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\:visible {
+ visibility: visible;
+ }
+
+ .sm\:invisible {
+ visibility: hidden;
+ }
+
+ .sm\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .sm\:whitespace-no-wrap {
+ 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\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .sm\:w-0 {
+ width: 0;
+ }
+
+ .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-8 {
+ width: 2rem;
+ }
+
+ .sm\:w-10 {
+ width: 2.5rem;
+ }
+
+ .sm\:w-12 {
+ width: 3rem;
+ }
+
+ .sm\:w-16 {
+ width: 4rem;
+ }
+
+ .sm\:w-20 {
+ width: 5rem;
+ }
+
+ .sm\:w-24 {
+ width: 6rem;
+ }
+
+ .sm\:w-32 {
+ width: 8rem;
+ }
+
+ .sm\:w-40 {
+ width: 10rem;
+ }
+
+ .sm\:w-48 {
+ width: 12rem;
+ }
+
+ .sm\:w-56 {
+ width: 14rem;
+ }
+
+ .sm\:w-64 {
+ width: 16rem;
+ }
+
+ .sm\:w-auto {
+ width: auto;
+ }
+
+ .sm\:w-px {
+ width: 1px;
+ }
+
+ .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\: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\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .sm\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .sm\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .sm\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .sm\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .sm\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .sm\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .sm\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .sm\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .sm\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .sm\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .sm\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .sm\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .sm\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .sm\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .sm\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .sm\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .sm\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .sm\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .sm\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .sm\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .sm\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .sm\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .sm\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .sm\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .sm\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .sm\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .sm\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .sm\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .sm\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .sm\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .sm\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .sm\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .sm\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .sm\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .sm\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .sm\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .sm\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .sm\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .sm\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .sm\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .sm\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .sm\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .sm\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .sm\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .sm\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .sm\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .sm\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .sm\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .sm\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .sm\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .sm\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .sm\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .sm\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .sm\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .sm\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .sm\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .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\: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\: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-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\: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\: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-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\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .sm\:transform-none {
+ transform: none;
+ }
+
+ .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\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .sm\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .sm\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .sm\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .sm\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .sm\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .sm\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .sm\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .sm\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .sm\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .sm\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .sm\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .sm\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .sm\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .sm\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .sm\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .sm\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .sm\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .sm\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .sm\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .sm\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .sm\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .sm\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .sm\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .sm\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .sm\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .sm\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .sm\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .sm\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .sm\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .sm\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .sm\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .sm\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .sm\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .sm\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .sm\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .sm\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .sm\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .sm\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .sm\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .sm\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .sm\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .sm\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .sm\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .sm\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .sm\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .sm\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .sm\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .sm\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .sm\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .sm\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .sm\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .sm\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .sm\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .sm\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .sm\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .sm\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .sm\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .sm\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .sm\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .sm\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .sm\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .sm\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .sm\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .sm\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .sm\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .sm\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .sm\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .sm\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .sm\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .sm\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .sm\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .sm\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .sm\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .sm\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .sm\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .sm\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .sm\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .sm\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .sm\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .sm\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .sm\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .sm\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .sm\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .sm\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .sm\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .sm\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .sm\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .sm\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .sm\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .sm\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .sm\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .sm\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .sm\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .sm\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .sm\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .sm\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .sm\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .sm\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .sm\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .sm\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .sm\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .sm\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .sm\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .sm\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .sm\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .sm\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .sm\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .sm\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .sm\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .sm\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .sm\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .sm\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .sm\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .sm\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .sm\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .sm\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .sm\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .sm\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .sm\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .sm\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .sm\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .sm\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .sm\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .sm\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .sm\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .sm\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .sm\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .sm\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .sm\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .sm\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .sm\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .sm\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .sm\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .sm\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .sm\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .sm\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .sm\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .sm\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .sm\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .sm\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .sm\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .sm\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .sm\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .sm\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .sm\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .sm\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .sm\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .sm\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .sm\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .sm\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .sm\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .sm\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .sm\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .sm\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .sm\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .sm\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .sm\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .sm\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .sm\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .sm\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .sm\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .sm\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .sm\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .sm\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .sm\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .sm\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .sm\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .sm\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .sm\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .sm\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .sm\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .sm\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .sm\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .sm\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .sm\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .sm\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .sm\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .sm\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .sm\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .sm\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .sm\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .sm\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .sm\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .sm\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .sm\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .sm\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .sm\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .sm\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .sm\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .sm\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .sm\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .sm\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .sm\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .sm\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .sm\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .sm\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .sm\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .sm\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .sm\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .sm\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .sm\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .sm\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .sm\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .sm\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .sm\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .sm\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .sm\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .sm\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .sm\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .sm\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .sm\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .sm\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .sm\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .sm\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .sm\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .sm\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .sm\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .sm\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .sm\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .sm\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .sm\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .sm\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .sm\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .sm\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .sm\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .sm\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .sm\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .sm\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .sm\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .sm\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .sm\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .sm\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .sm\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .sm\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .sm\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .sm\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .sm\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .sm\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .sm\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .sm\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .sm\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .sm\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .sm\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .sm\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .sm\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .sm\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .sm\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .sm\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .sm\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .sm\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .sm\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .sm\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .sm\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .sm\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .sm\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .sm\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .sm\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .sm\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .sm\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .sm\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .sm\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .sm\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .sm\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .sm\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .sm\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .sm\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .sm\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .sm\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .sm\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .sm\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .sm\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .sm\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .sm\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .sm\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .sm\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .sm\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .sm\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .sm\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .sm\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .sm\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .sm\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .sm\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .sm\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .sm\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .sm\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .sm\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .sm\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .sm\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .sm\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .sm\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .sm\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .sm\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .sm\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .sm\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .sm\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .sm\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .sm\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .sm\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .sm\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .sm\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .sm\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .sm\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .sm\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .sm\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .sm\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .sm\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .sm\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .sm\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .sm\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .sm\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .sm\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .sm\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .sm\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .sm\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .sm\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .sm\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .sm\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .sm\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .sm\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .sm\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .sm\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .sm\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .sm\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .sm\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .sm\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .sm\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .sm\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .sm\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .sm\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .sm\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .sm\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .sm\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .sm\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .sm\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .sm\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .sm\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .sm\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .sm\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .sm\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .sm\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .sm\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .sm\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .sm\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .sm\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .sm\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .sm\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .sm\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .sm\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .sm\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .sm\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .sm\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .sm\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .sm\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .sm\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .sm\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .sm\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .sm\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .sm\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .sm\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .sm\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .sm\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .sm\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .sm\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .sm\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .sm\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .sm\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .sm\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .sm\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .sm\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .sm\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .sm\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .sm\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .sm\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .sm\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .sm\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .sm\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .sm\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .sm\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .sm\:transition-none {
+ transition-property: none;
+ }
+
+ .sm\:transition-all {
+ transition-property: all;
+ }
+
+ .sm\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .sm\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .sm\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .sm\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .sm\:transition-transform {
+ transition-property: transform;
+ }
+
+ .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);
+ }
+
+ .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\: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\: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\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
+
+@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;
+ }
+ }
+
+ .md\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .md\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .md\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .md\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .md\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .md\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .md\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .md\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .md\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .md\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .md\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .md\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .md\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .md\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .md\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .md\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .md\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .md\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .md\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .md\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .md\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .md\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .md\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .md\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .md\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .md\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .md\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .md\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .md\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .md\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .md\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .md\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .md\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .md\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .md\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .md\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .md\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .md\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .md\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .md\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .md\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .md\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .md\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .md\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .md\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .md\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .md\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .md\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .md\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .md\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .md\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .md\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .md\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .md\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .md\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .md\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .md\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .md\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .md\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .md\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .md\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .md\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .md\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .md\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .md\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .md\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .md\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .md\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .md\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .md\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .md\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .md\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .md\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .md\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .md\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .md\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .md\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .md\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .md\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .md\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .md\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .md\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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\: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\:appearance-none {
+ appearance: none;
+ }
+
+ .md\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .md\:bg-local {
+ background-attachment: local;
+ }
+
+ .md\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .md\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .md\:bg-current {
+ background-color: currentColor;
+ }
+
+ .md\:bg-black {
+ background-color: #000;
+ }
+
+ .md\:bg-white {
+ background-color: #fff;
+ }
+
+ .md\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .md\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .md\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .md\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .md\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .md\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .md\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .md\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .md\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .md\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .md\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .md\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .md\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .md\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .md\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .md\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .md\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .md\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .md\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .md\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .md\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .md\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .md\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .md\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .md\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .md\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .md\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .md\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .md\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .md\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .md\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .md\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .md\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .md\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .md\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .md\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .md\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .md\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .md\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .md\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .md\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .md\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .md\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .md\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .md\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .md\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .md\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .md\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .md\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .md\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .md\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .md\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .md\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .md\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .md\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .md\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .md\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .md\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .md\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .md\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .md\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .md\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .md\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .md\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .md\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .md\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .md\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .md\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .md\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .md\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .md\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .md\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .md\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .md\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .md\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .md\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .md\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .md\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .md\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .md\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .md\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .md\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .md\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .md\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .md\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .md\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .md\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .md\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .md\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .md\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .md\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .md\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .md\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .md\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .md\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .md\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .md\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .md\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .md\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .md\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .md\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .md\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .md\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .md\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .md\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .md\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .md\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .md\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .md\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .md\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .md\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .md\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .md\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .md\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .md\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .md\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .md\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .md\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .md\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .md\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .md\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .md\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .md\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .md\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .md\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .md\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .md\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .md\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .md\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .md\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .md\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .md\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .md\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .md\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .md\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .md\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .md\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .md\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .md\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .md\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .md\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .md\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .md\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .md\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .md\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .md\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .md\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .md\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .md\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .md\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .md\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .md\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .md\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .md\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .md\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .md\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .md\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .md\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .md\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .md\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .md\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .md\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .md\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .md\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .md\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .md\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .md\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .md\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .md\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .md\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .md\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .md\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .md\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .md\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .md\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .md\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .md\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .md\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .md\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .md\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .md\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .md\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .md\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .md\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .md\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .md\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .md\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .md\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .md\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .md\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .md\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .md\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .md\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .md\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .md\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .md\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .md\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .md\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .md\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .md\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .md\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .md\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .md\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .md\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .md\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .md\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .md\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .md\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .md\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .md\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .md\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .md\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .md\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .md\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .md\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .md\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .md\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .md\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .md\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .md\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .md\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .md\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .md\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .md\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .md\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .md\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .md\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .md\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .md\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .md\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .md\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .md\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .md\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .md\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .md\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .md\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .md\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .md\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .md\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .md\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .md\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .md\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .md\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .md\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .md\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .md\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .md\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .md\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .md\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .md\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .md\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .md\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .md\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .md\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .md\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .md\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .md\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .md\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .md\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .md\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .md\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .md\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .md\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .md\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .md\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .md\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .md\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .md\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .md\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .md\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .md\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .md\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .md\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .md\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .md\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .md\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .md\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .md\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .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-auto {
+ background-size: auto;
+ }
+
+ .md\:bg-cover {
+ background-size: cover;
+ }
+
+ .md\:bg-contain {
+ background-size: contain;
+ }
+
+ .md\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .md\:border-separate {
+ border-collapse: separate;
+ }
+
+ .md\:border-transparent {
+ border-color: transparent;
+ }
+
+ .md\:border-current {
+ border-color: currentColor;
+ }
+
+ .md\:border-black {
+ border-color: #000;
+ }
+
+ .md\:border-white {
+ border-color: #fff;
+ }
+
+ .md\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .md\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .md\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .md\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .md\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .md\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .md\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .md\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .md\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .md\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .md\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .md\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .md\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .md\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .md\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .md\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .md\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .md\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .md\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .md\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .md\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .md\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .md\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .md\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .md\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .md\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .md\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .md\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .md\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .md\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .md\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .md\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .md\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .md\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .md\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .md\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .md\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .md\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .md\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .md\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .md\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .md\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .md\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .md\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .md\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .md\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .md\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .md\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .md\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .md\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .md\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .md\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .md\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .md\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .md\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .md\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .md\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .md\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .md\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .md\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .md\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .md\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .md\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .md\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .md\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .md\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .md\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .md\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .md\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .md\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .md\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .md\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .md\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .md\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .md\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .md\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .md\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .md\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .md\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .md\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .md\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .md\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .md\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .md\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .md\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .md\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .md\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .md\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .md\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .md\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .md\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .md\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .md\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .md\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .md\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .md\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .md\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .md\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .md\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .md\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .md\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .md\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .md\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .md\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .md\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .md\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .md\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .md\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .md\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .md\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .md\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .md\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .md\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .md\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .md\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .md\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .md\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .md\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .md\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .md\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .md\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .md\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .md\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .md\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .md\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .md\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .md\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .md\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .md\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .md\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .md\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .md\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .md\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .md\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .md\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .md\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .md\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .md\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .md\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .md\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .md\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .md\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .md\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .md\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .md\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .md\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .md\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .md\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .md\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .md\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .md\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .md\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .md\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .md\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .md\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .md\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .md\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .md\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .md\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .md\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .md\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .md\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .md\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .md\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .md\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .md\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .md\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .md\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .md\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .md\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .md\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .md\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .md\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .md\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .md\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .md\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .md\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .md\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .md\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .md\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .md\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .md\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .md\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .md\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .md\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .md\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .md\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .md\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .md\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .md\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .md\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .md\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .md\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .md\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .md\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .md\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .md\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .md\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .md\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .md\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .md\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .md\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .md\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .md\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .md\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .md\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .md\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .md\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .md\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .md\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .md\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .md\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .md\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .md\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .md\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .md\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .md\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .md\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .md\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .md\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .md\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .md\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .md\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .md\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .md\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .md\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .md\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .md\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .md\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .md\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .md\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .md\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .md\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .md\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .md\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .md\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .md\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .md\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .md\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .md\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .md\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .md\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .md\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .md\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .md\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .md\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .md\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .md\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .md\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .md\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .md\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .md\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .md\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .md\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .md\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .md\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .md\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .md\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .md\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .md\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .md\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .md\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .md\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .md\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .md\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .md\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .md\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .md\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .md\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .md\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .md\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .md\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .md\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .md\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .md\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .md\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .md\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .md\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .md\:rounded-none {
+ border-radius: 0;
+ }
+
+ .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-full {
+ border-radius: 9999px;
+ }
+
+ .md\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .md\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .md\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .md\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .md\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .md\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .md\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .md\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .md\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .md\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .md\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .md\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .md\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .md\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .md\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .md\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .md\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .md\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .md\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .md\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .md\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .md\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .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-0 {
+ border-width: 0;
+ }
+
+ .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: 0;
+ }
+
+ .md\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .md\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .md\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .md\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .md\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .md\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .md\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .md\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .md\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .md\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .md\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .md\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .md\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .md\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .md\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .md\:border-t {
+ border-top-width: 1px;
+ }
+
+ .md\:border-r {
+ border-right-width: 1px;
+ }
+
+ .md\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .md\:border-l {
+ border-left-width: 1px;
+ }
+
+ .md\:box-border {
+ box-sizing: border-box;
+ }
+
+ .md\:box-content {
+ box-sizing: content-box;
+ }
+
+ .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-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .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\: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\:hidden {
+ display: 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-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .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\: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\: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\: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\: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-grow-0 {
+ flex-grow: 0;
+ }
+
+ .md\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .md\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .md\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .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\:float-right {
+ float: right;
+ }
+
+ .md\:float-left {
+ float: left;
+ }
+
+ .md\:float-none {
+ float: none;
+ }
+
+ .md\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .md\:clear-left {
+ clear: left;
+ }
+
+ .md\:clear-right {
+ clear: right;
+ }
+
+ .md\:clear-both {
+ clear: both;
+ }
+
+ .md\:clear-none {
+ clear: none;
+ }
+
+ .md\:font-sans {
+ font-family: 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: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .md\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .md\:font-hairline {
+ font-weight: 100;
+ }
+
+ .md\:font-thin {
+ 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\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .md\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .md\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .md\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .md\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .md\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .md\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .md\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .md\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .md\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .md\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .md\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .md\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .md\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .md\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .md\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .md\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .md\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .md\:h-0 {
+ height: 0;
+ }
+
+ .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-8 {
+ height: 2rem;
+ }
+
+ .md\:h-10 {
+ height: 2.5rem;
+ }
+
+ .md\:h-12 {
+ height: 3rem;
+ }
+
+ .md\:h-16 {
+ height: 4rem;
+ }
+
+ .md\:h-20 {
+ height: 5rem;
+ }
+
+ .md\:h-24 {
+ height: 6rem;
+ }
+
+ .md\:h-32 {
+ height: 8rem;
+ }
+
+ .md\:h-40 {
+ height: 10rem;
+ }
+
+ .md\:h-48 {
+ height: 12rem;
+ }
+
+ .md\:h-56 {
+ height: 14rem;
+ }
+
+ .md\:h-64 {
+ height: 16rem;
+ }
+
+ .md\:h-auto {
+ height: auto;
+ }
+
+ .md\:h-px {
+ height: 1px;
+ }
+
+ .md\:h-full {
+ height: 100%;
+ }
+
+ .md\:h-screen {
+ height: 100vh;
+ }
+
+ .md\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .md\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .md\:text-base {
+ font-size: 1rem;
+ }
+
+ .md\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .md\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .md\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .md\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .md\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .md\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .md\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .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\: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\:m-0 {
+ margin: 0;
+ }
+
+ .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-8 {
+ margin: 2rem;
+ }
+
+ .md\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .md\:m-12 {
+ margin: 3rem;
+ }
+
+ .md\:m-16 {
+ margin: 4rem;
+ }
+
+ .md\:m-20 {
+ margin: 5rem;
+ }
+
+ .md\:m-24 {
+ margin: 6rem;
+ }
+
+ .md\:m-32 {
+ margin: 8rem;
+ }
+
+ .md\:m-40 {
+ margin: 10rem;
+ }
+
+ .md\:m-48 {
+ margin: 12rem;
+ }
+
+ .md\:m-56 {
+ margin: 14rem;
+ }
+
+ .md\:m-64 {
+ margin: 16rem;
+ }
+
+ .md\:m-auto {
+ margin: auto;
+ }
+
+ .md\:m-px {
+ margin: 1px;
+ }
+
+ .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-8 {
+ margin: -2rem;
+ }
+
+ .md\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .md\:-m-12 {
+ margin: -3rem;
+ }
+
+ .md\:-m-16 {
+ margin: -4rem;
+ }
+
+ .md\:-m-20 {
+ margin: -5rem;
+ }
+
+ .md\:-m-24 {
+ margin: -6rem;
+ }
+
+ .md\:-m-32 {
+ margin: -8rem;
+ }
+
+ .md\:-m-40 {
+ margin: -10rem;
+ }
+
+ .md\:-m-48 {
+ margin: -12rem;
+ }
+
+ .md\:-m-56 {
+ margin: -14rem;
+ }
+
+ .md\:-m-64 {
+ margin: -16rem;
+ }
+
+ .md\:-m-px {
+ margin: -1px;
+ }
+
+ .md\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .md\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .md\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .md\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .md\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .md\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .md\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .md\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .md\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .md\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .md\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .md\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .md\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .md\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .md\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .md\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .md\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .md\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .md\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .md\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .md\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .md\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .md\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .md\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .md\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .md\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .md\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .md\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .md\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .md\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .md\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .md\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .md\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .md\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .md\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .md\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .md\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .md\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .md\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .md\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .md\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .md\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .md\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .md\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .md\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .md\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .md\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .md\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .md\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .md\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .md\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .md\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .md\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .md\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .md\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .md\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .md\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .md\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .md\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .md\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .md\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .md\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .md\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .md\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .md\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .md\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .md\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .md\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .md\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .md\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .md\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .md\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .md\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .md\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .md\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .md\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .md\:mt-0 {
+ margin-top: 0;
+ }
+
+ .md\:mr-0 {
+ margin-right: 0;
+ }
+
+ .md\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .md\:ml-0 {
+ margin-left: 0;
+ }
+
+ .md\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .md\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .md\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .md\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .md\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .md\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .md\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .md\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .md\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .md\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .md\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .md\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .md\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .md\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .md\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .md\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .md\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .md\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .md\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .md\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .md\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .md\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .md\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .md\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .md\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .md\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .md\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .md\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .md\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .md\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .md\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .md\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .md\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .md\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .md\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .md\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .md\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .md\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .md\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .md\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .md\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .md\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .md\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .md\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .md\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .md\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .md\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .md\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .md\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .md\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .md\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .md\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .md\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .md\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .md\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .md\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .md\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .md\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .md\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .md\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .md\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .md\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .md\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .md\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .md\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .md\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .md\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .md\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .md\:mt-auto {
+ margin-top: auto;
+ }
+
+ .md\:mr-auto {
+ margin-right: auto;
+ }
+
+ .md\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .md\:ml-auto {
+ margin-left: auto;
+ }
+
+ .md\:mt-px {
+ margin-top: 1px;
+ }
+
+ .md\:mr-px {
+ margin-right: 1px;
+ }
+
+ .md\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .md\:ml-px {
+ margin-left: 1px;
+ }
+
+ .md\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .md\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .md\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .md\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .md\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .md\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .md\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .md\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .md\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .md\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .md\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .md\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .md\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .md\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .md\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .md\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .md\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .md\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .md\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .md\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .md\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .md\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .md\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .md\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .md\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .md\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .md\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .md\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .md\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .md\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .md\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .md\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .md\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .md\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .md\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .md\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .md\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .md\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .md\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .md\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .md\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .md\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .md\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .md\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .md\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .md\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .md\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .md\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .md\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .md\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .md\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .md\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .md\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .md\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .md\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .md\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .md\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .md\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .md\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .md\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .md\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .md\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .md\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .md\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .md\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .md\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .md\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .md\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .md\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .md\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .md\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .md\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .md\:max-h-full {
+ max-height: 100%;
+ }
+
+ .md\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .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-full {
+ max-width: 100%;
+ }
+
+ .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\:min-h-0 {
+ min-height: 0;
+ }
+
+ .md\:min-h-full {
+ min-height: 100%;
+ }
+
+ .md\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .md\:min-w-0 {
+ min-width: 0;
+ }
+
+ .md\:min-w-full {
+ min-width: 100%;
+ }
+
+ .md\:object-contain {
+ object-fit: contain;
+ }
+
+ .md\:object-cover {
+ object-fit: cover;
+ }
+
+ .md\:object-fill {
+ object-fit: fill;
+ }
+
+ .md\:object-none {
+ object-fit: none;
+ }
+
+ .md\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .md\:object-bottom {
+ object-position: bottom;
+ }
+
+ .md\:object-center {
+ object-position: center;
+ }
+
+ .md\:object-left {
+ object-position: left;
+ }
+
+ .md\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .md\:object-left-top {
+ object-position: left top;
+ }
+
+ .md\:object-right {
+ object-position: right;
+ }
+
+ .md\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .md\:object-right-top {
+ object-position: right top;
+ }
+
+ .md\:object-top {
+ object-position: top;
+ }
+
+ .md\:opacity-0 {
+ opacity: 0;
+ }
+
+ .md\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .md\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .md\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .md\:opacity-100 {
+ opacity: 1;
+ }
+
+ .md\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .md\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .md\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .md\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .md\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .md\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .md\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .md\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .md\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .md\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .md\:outline-none {
+ outline: 0;
+ }
+
+ .md\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .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\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .md\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .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\:p-0 {
+ padding: 0;
+ }
+
+ .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-8 {
+ padding: 2rem;
+ }
+
+ .md\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .md\:p-12 {
+ padding: 3rem;
+ }
+
+ .md\:p-16 {
+ padding: 4rem;
+ }
+
+ .md\:p-20 {
+ padding: 5rem;
+ }
+
+ .md\:p-24 {
+ padding: 6rem;
+ }
+
+ .md\:p-32 {
+ padding: 8rem;
+ }
+
+ .md\:p-40 {
+ padding: 10rem;
+ }
+
+ .md\:p-48 {
+ padding: 12rem;
+ }
+
+ .md\:p-56 {
+ padding: 14rem;
+ }
+
+ .md\:p-64 {
+ padding: 16rem;
+ }
+
+ .md\:p-px {
+ padding: 1px;
+ }
+
+ .md\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .md\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .md\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .md\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .md\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .md\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .md\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .md\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .md\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .md\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .md\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .md\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .md\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .md\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .md\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .md\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .md\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .md\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .md\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .md\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .md\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .md\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .md\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .md\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .md\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .md\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .md\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .md\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .md\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .md\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .md\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .md\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .md\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .md\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .md\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .md\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .md\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .md\:pt-0 {
+ padding-top: 0;
+ }
+
+ .md\:pr-0 {
+ padding-right: 0;
+ }
+
+ .md\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .md\:pl-0 {
+ padding-left: 0;
+ }
+
+ .md\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .md\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .md\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .md\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .md\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .md\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .md\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .md\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .md\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .md\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .md\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .md\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .md\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .md\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .md\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .md\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .md\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .md\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .md\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .md\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .md\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .md\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .md\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .md\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .md\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .md\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .md\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .md\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .md\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .md\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .md\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .md\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .md\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .md\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .md\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .md\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .md\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .md\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .md\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .md\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .md\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .md\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .md\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .md\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .md\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .md\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .md\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .md\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .md\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .md\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .md\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .md\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .md\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .md\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .md\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .md\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .md\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .md\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .md\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .md\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .md\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .md\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .md\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .md\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .md\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .md\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .md\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .md\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .md\:pt-px {
+ padding-top: 1px;
+ }
+
+ .md\:pr-px {
+ padding-right: 1px;
+ }
+
+ .md\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .md\:pl-px {
+ padding-left: 1px;
+ }
+
+ .md\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .md\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .md\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .md\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .md\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .md\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .md\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .md\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .md\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .md\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .md\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .md\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .md\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .md\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .md\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .md\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .md\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .md\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .md\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .md\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .md\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .md\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .md\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .md\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .md\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .md\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .md\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .md\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .md\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .md\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .md\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .md\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .md\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .md\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .md\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .md\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .md\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .md\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .md\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .md\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .md\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .md\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .md\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .md\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .md\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .md\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .md\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .md\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .md\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .md\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .md\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .md\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .md\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .md\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .md\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .md\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .md\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .md\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .md\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .md\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .md\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .md\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .md\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .md\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .md\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .md\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .md\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .md\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .md\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .md\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .md\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .md\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .md\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .md\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .md\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .md\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .md\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .md\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .md\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .md\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .md\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .md\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .md\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .md\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .md\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .md\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .md\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .md\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .md\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .md\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .md\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .md\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .md\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .md\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .md\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .md\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .md\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .md\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .md\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .md\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .md\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .md\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .md\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .md\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .md\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .md\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .md\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .md\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .md\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .md\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .md\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .md\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .md\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .md\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .md\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .md\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .md\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .md\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .md\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .md\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .md\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .md\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .md\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .md\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .md\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .md\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .md\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .md\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .md\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .md\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .md\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .md\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .md\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .md\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .md\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .md\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .md\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .md\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .md\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .md\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .md\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .md\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .md\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .md\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .md\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .md\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .md\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .md\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .md\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .md\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .md\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .md\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .md\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .md\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .md\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .md\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .md\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .md\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .md\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .md\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .md\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .md\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .md\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .md\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .md\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .md\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .md\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .md\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .md\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .md\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .md\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .md\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .md\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .md\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .md\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .md\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .md\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .md\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .md\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .md\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .md\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .md\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .md\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .md\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .md\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .md\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .md\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .md\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .md\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .md\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .md\:static {
+ position: static;
+ }
+
+ .md\:fixed {
+ position: fixed;
+ }
+
+ .md\:absolute {
+ position: absolute;
+ }
+
+ .md\:relative {
+ position: relative;
+ }
+
+ .md\:sticky {
+ position: sticky;
+ }
+
+ .md\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .md\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .md\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .md\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .md\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .md\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .md\:top-0 {
+ top: 0;
+ }
+
+ .md\:right-0 {
+ right: 0;
+ }
+
+ .md\:bottom-0 {
+ bottom: 0;
+ }
+
+ .md\:left-0 {
+ left: 0;
+ }
+
+ .md\:top-auto {
+ top: auto;
+ }
+
+ .md\:right-auto {
+ right: auto;
+ }
+
+ .md\:bottom-auto {
+ bottom: auto;
+ }
+
+ .md\:left-auto {
+ left: auto;
+ }
+
+ .md\:resize-none {
+ resize: none;
+ }
+
+ .md\:resize-y {
+ resize: vertical;
+ }
+
+ .md\:resize-x {
+ resize: horizontal;
+ }
+
+ .md\:resize {
+ resize: both;
+ }
+
+ .md\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:shadow-none {
+ box-shadow: none;
+ }
+
+ .md\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .md\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .md\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .md\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .md\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .md\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .md\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .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\:table-auto {
+ table-layout: auto;
+ }
+
+ .md\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .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\:text-transparent {
+ color: transparent;
+ }
+
+ .md\:text-current {
+ color: currentColor;
+ }
+
+ .md\:text-black {
+ color: #000;
+ }
+
+ .md\:text-white {
+ color: #fff;
+ }
+
+ .md\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .md\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .md\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .md\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .md\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .md\:text-gray-600 {
+ color: #718096;
+ }
+
+ .md\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .md\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .md\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .md\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .md\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .md\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .md\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .md\:text-red-500 {
+ color: #f56565;
+ }
+
+ .md\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .md\:text-red-700 {
+ color: #c53030;
+ }
+
+ .md\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .md\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .md\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .md\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .md\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .md\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .md\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .md\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .md\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .md\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .md\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .md\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .md\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .md\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .md\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .md\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .md\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .md\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .md\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .md\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .md\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .md\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .md\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .md\:text-green-400 {
+ color: #68d391;
+ }
+
+ .md\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .md\:text-green-600 {
+ color: #38a169;
+ }
+
+ .md\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .md\:text-green-800 {
+ color: #276749;
+ }
+
+ .md\:text-green-900 {
+ color: #22543d;
+ }
+
+ .md\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .md\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .md\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .md\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .md\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .md\:text-teal-600 {
+ color: #319795;
+ }
+
+ .md\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .md\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .md\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .md\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .md\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .md\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .md\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .md\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .md\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .md\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .md\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .md\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .md\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .md\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .md\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .md\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .md\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .md\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .md\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .md\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .md\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .md\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .md\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .md\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .md\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .md\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .md\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .md\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .md\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .md\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .md\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .md\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .md\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .md\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .md\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .md\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .md\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .md\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .md\:text-pink-900 {
+ color: #702459;
+ }
+
+ .md\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .md\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .md\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .md\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .md\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .md\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .md\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .md\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .md\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .md\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .md\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .md\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .md\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .md\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .md\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .md\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .md\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .md\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .md\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .md\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .md\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .md\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .md\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .md\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .md\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .md\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .md\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .md\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .md\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .md\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .md\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .md\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .md\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .md\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .md\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .md\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .md\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .md\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .md\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .md\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .md\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .md\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .md\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .md\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .md\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .md\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .md\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .md\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .md\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .md\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .md\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .md\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .md\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .md\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .md\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .md\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .md\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .md\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .md\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .md\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .md\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .md\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .md\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .md\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .md\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .md\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .md\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .md\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .md\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .md\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .md\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .md\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .md\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .md\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .md\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .md\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .md\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .md\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .md\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .md\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .md\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .md\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .md\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .md\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .md\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .md\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .md\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .md\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .md\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .md\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .md\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .md\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .md\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .md\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .md\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .md\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .md\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .md\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .md\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .md\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .md\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .md\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .md\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .md\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .md\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .md\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .md\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .md\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .md\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .md\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .md\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .md\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .md\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .md\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .md\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .md\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .md\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .md\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .md\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .md\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .md\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .md\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .md\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .md\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .md\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .md\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .md\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .md\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .md\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .md\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .md\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .md\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .md\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .md\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .md\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .md\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .md\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .md\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .md\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .md\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .md\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .md\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .md\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .md\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .md\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .md\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .md\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .md\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .md\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .md\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .md\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .md\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .md\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .md\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .md\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .md\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .md\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .md\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .md\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .md\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .md\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .md\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .md\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .md\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .md\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .md\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .md\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .md\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .md\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .md\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .md\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .md\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .md\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .md\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .md\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .md\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .md\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .md\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .md\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .md\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .md\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .md\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .md\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .md\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .md\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .md\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .md\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .md\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .md\:italic {
+ font-style: italic;
+ }
+
+ .md\:not-italic {
+ font-style: normal;
+ }
+
+ .md\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .md\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .md\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .md\:normal-case {
+ text-transform: none;
+ }
+
+ .md\:underline {
+ text-decoration: underline;
+ }
+
+ .md\:line-through {
+ text-decoration: line-through;
+ }
+
+ .md\:no-underline {
+ 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\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .md\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .md\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .md\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .md\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .md\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .md\:select-none {
+ user-select: none;
+ }
+
+ .md\:select-text {
+ user-select: text;
+ }
+
+ .md\:select-all {
+ user-select: all;
+ }
+
+ .md\:select-auto {
+ user-select: auto;
+ }
+
+ .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\:visible {
+ visibility: visible;
+ }
+
+ .md\:invisible {
+ visibility: hidden;
+ }
+
+ .md\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .md\:whitespace-no-wrap {
+ 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\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .md\:w-0 {
+ width: 0;
+ }
+
+ .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-8 {
+ width: 2rem;
+ }
+
+ .md\:w-10 {
+ width: 2.5rem;
+ }
+
+ .md\:w-12 {
+ width: 3rem;
+ }
+
+ .md\:w-16 {
+ width: 4rem;
+ }
+
+ .md\:w-20 {
+ width: 5rem;
+ }
+
+ .md\:w-24 {
+ width: 6rem;
+ }
+
+ .md\:w-32 {
+ width: 8rem;
+ }
+
+ .md\:w-40 {
+ width: 10rem;
+ }
+
+ .md\:w-48 {
+ width: 12rem;
+ }
+
+ .md\:w-56 {
+ width: 14rem;
+ }
+
+ .md\:w-64 {
+ width: 16rem;
+ }
+
+ .md\:w-auto {
+ width: auto;
+ }
+
+ .md\:w-px {
+ width: 1px;
+ }
+
+ .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\: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\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .md\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .md\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .md\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .md\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .md\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .md\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .md\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .md\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .md\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .md\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .md\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .md\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .md\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .md\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .md\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .md\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .md\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .md\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .md\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .md\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .md\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .md\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .md\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .md\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .md\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .md\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .md\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .md\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .md\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .md\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .md\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .md\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .md\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .md\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .md\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .md\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .md\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .md\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .md\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .md\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .md\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .md\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .md\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .md\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .md\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .md\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .md\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .md\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .md\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .md\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .md\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .md\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .md\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .md\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .md\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .md\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .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\: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\: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-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\: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\: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-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\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .md\:transform-none {
+ transform: none;
+ }
+
+ .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\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .md\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .md\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .md\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .md\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .md\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .md\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .md\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .md\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .md\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .md\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .md\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .md\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .md\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .md\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .md\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .md\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .md\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .md\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .md\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .md\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .md\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .md\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .md\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .md\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .md\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .md\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .md\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .md\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .md\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .md\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .md\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .md\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .md\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .md\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .md\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .md\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .md\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .md\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .md\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .md\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .md\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .md\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .md\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .md\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .md\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .md\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .md\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .md\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .md\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .md\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .md\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .md\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .md\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .md\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .md\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .md\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .md\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .md\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .md\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .md\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .md\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .md\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .md\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .md\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .md\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .md\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .md\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .md\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .md\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .md\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .md\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .md\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .md\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .md\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .md\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .md\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .md\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .md\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .md\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .md\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .md\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .md\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .md\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .md\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .md\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .md\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .md\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .md\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .md\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .md\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .md\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .md\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .md\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .md\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .md\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .md\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .md\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .md\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .md\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .md\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .md\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .md\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .md\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .md\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .md\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .md\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .md\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .md\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .md\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .md\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .md\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .md\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .md\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .md\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .md\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .md\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .md\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .md\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .md\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .md\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .md\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .md\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .md\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .md\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .md\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .md\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .md\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .md\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .md\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .md\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .md\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .md\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .md\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .md\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .md\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .md\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .md\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .md\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .md\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .md\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .md\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .md\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .md\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .md\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .md\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .md\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .md\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .md\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .md\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .md\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .md\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .md\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .md\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .md\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .md\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .md\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .md\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .md\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .md\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .md\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .md\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .md\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .md\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .md\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .md\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .md\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .md\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .md\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .md\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .md\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .md\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .md\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .md\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .md\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .md\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .md\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .md\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .md\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .md\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .md\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .md\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .md\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .md\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .md\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .md\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .md\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .md\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .md\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .md\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .md\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .md\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .md\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .md\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .md\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .md\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .md\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .md\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .md\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .md\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .md\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .md\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .md\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .md\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .md\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .md\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .md\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .md\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .md\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .md\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .md\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .md\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .md\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .md\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .md\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .md\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .md\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .md\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .md\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .md\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .md\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .md\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .md\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .md\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .md\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .md\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .md\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .md\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .md\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .md\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .md\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .md\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .md\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .md\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .md\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .md\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .md\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .md\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .md\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .md\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .md\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .md\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .md\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .md\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .md\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .md\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .md\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .md\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .md\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .md\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .md\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .md\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .md\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .md\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .md\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .md\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .md\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .md\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .md\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .md\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .md\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .md\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .md\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .md\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .md\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .md\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .md\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .md\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .md\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .md\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .md\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .md\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .md\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .md\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .md\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .md\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .md\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .md\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .md\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .md\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .md\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .md\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .md\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .md\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .md\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .md\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .md\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .md\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .md\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .md\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .md\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .md\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .md\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .md\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .md\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .md\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .md\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .md\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .md\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .md\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .md\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .md\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .md\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .md\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .md\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .md\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .md\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .md\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .md\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .md\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .md\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .md\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .md\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .md\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .md\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .md\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .md\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .md\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .md\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .md\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .md\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .md\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .md\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .md\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .md\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .md\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .md\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .md\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .md\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .md\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .md\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .md\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .md\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .md\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .md\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .md\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .md\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .md\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .md\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .md\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .md\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .md\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .md\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .md\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .md\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .md\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .md\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .md\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .md\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .md\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .md\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .md\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .md\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .md\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .md\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .md\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .md\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .md\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .md\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .md\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .md\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .md\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .md\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .md\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .md\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .md\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .md\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .md\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .md\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .md\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .md\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .md\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .md\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .md\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .md\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .md\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .md\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .md\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .md\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .md\:transition-none {
+ transition-property: none;
+ }
+
+ .md\:transition-all {
+ transition-property: all;
+ }
+
+ .md\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .md\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .md\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .md\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .md\:transition-transform {
+ transition-property: transform;
+ }
+
+ .md\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .md\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .md\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .md\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .md\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .md\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .md\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .md\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .md\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .md\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .md\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .md\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .md\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .md\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .md\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .md\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .md\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .md\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .md\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .md\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .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\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
+
+@media (min-width: 1024px) {
+ .lg\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .lg\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .lg\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .lg\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .lg\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .lg\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .lg\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .lg\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .lg\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .lg\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .lg\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .lg\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .lg\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .lg\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .lg\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .lg\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .lg\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .lg\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .lg\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .lg\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .lg\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .lg\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .lg\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .lg\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .lg\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .lg\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .lg\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .lg\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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;
+ }
+
+ .lg\:not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .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;
+ }
+
+ .lg\:focus\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .lg\:appearance-none {
+ appearance: none;
+ }
+
+ .lg\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .lg\:bg-local {
+ background-attachment: local;
+ }
+
+ .lg\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .lg\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .lg\:bg-current {
+ background-color: currentColor;
+ }
+
+ .lg\:bg-black {
+ background-color: #000;
+ }
+
+ .lg\:bg-white {
+ background-color: #fff;
+ }
+
+ .lg\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .lg\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .lg\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .lg\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .lg\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .lg\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .lg\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .lg\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .lg\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .lg\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .lg\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .lg\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .lg\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .lg\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .lg\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .lg\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .lg\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .lg\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .lg\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .lg\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .lg\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .lg\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .lg\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .lg\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .lg\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .lg\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .lg\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .lg\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .lg\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .lg\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .lg\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .lg\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .lg\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .lg\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .lg\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .lg\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .lg\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .lg\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .lg\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .lg\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .lg\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .lg\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .lg\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .lg\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .lg\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .lg\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .lg\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .lg\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .lg\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .lg\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .lg\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .lg\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .lg\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .lg\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .lg\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .lg\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .lg\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .lg\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .lg\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .lg\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .lg\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .lg\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .lg\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .lg\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .lg\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .lg\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .lg\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .lg\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .lg\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .lg\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .lg\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .lg\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .lg\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .lg\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .lg\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .lg\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .lg\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .lg\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .lg\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .lg\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .lg\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .lg\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .lg\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .lg\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .lg\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .lg\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .lg\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .lg\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .lg\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .lg\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .lg\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .lg\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .lg\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .lg\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .lg\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .lg\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .lg\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .lg\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .lg\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .lg\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .lg\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .lg\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .lg\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .lg\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .lg\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .lg\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .lg\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .lg\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .lg\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .lg\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .lg\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .lg\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .lg\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .lg\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .lg\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .lg\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .lg\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .lg\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .lg\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .lg\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .lg\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .lg\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .lg\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .lg\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .lg\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .lg\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .lg\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .lg\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .lg\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .lg\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .lg\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .lg\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .lg\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .lg\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .lg\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .lg\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .lg\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .lg\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .lg\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .lg\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .lg\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .lg\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .lg\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .lg\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .lg\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .lg\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .lg\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .lg\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .lg\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .lg\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .lg\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .lg\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .lg\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .lg\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .lg\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .lg\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .lg\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .lg\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .lg\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .lg\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .lg\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .lg\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .lg\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .lg\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .lg\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .lg\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .lg\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .lg\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .lg\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .lg\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .lg\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .lg\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .lg\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .lg\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .lg\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .lg\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .lg\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .lg\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .lg\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .lg\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .lg\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .lg\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .lg\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .lg\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .lg\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .lg\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .lg\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .lg\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .lg\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .lg\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .lg\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .lg\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .lg\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .lg\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .lg\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .lg\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .lg\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .lg\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .lg\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .lg\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .lg\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .lg\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .lg\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .lg\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .lg\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .lg\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .lg\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .lg\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .lg\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .lg\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .lg\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .lg\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .lg\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .lg\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .lg\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .lg\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .lg\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .lg\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .lg\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .lg\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .lg\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .lg\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .lg\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .lg\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .lg\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .lg\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .lg\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .lg\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .lg\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .lg\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .lg\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .lg\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .lg\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .lg\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .lg\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .lg\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .lg\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .lg\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .lg\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .lg\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .lg\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .lg\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .lg\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .lg\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .lg\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .lg\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .lg\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .lg\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .lg\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .lg\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .lg\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .lg\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .lg\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .lg\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .lg\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .lg\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .lg\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .lg\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .lg\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .lg\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .lg\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .lg\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .lg\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .lg\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .lg\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .lg\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .lg\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .lg\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .lg\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .lg\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .lg\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .lg\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .lg\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .lg\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .lg\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .lg\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .lg\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .lg\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .lg\:bg-bottom {
+ background-position: bottom;
+ }
+
+ .lg\:bg-center {
+ background-position: center;
+ }
+
+ .lg\:bg-left {
+ background-position: left;
+ }
+
+ .lg\:bg-left-bottom {
+ background-position: left bottom;
+ }
+
+ .lg\:bg-left-top {
+ background-position: left top;
+ }
+
+ .lg\:bg-right {
+ background-position: right;
+ }
+
+ .lg\:bg-right-bottom {
+ background-position: right bottom;
+ }
+
+ .lg\:bg-right-top {
+ background-position: right top;
+ }
+
+ .lg\:bg-top {
+ background-position: top;
+ }
+
+ .lg\:bg-repeat {
+ background-repeat: repeat;
+ }
+
+ .lg\:bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+
+ .lg\:bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+
+ .lg\:bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+
+ .lg\:bg-repeat-round {
+ background-repeat: round;
+ }
+
+ .lg\:bg-repeat-space {
+ background-repeat: space;
+ }
+
+ .lg\:bg-auto {
+ background-size: auto;
+ }
+
+ .lg\:bg-cover {
+ background-size: cover;
+ }
+
+ .lg\:bg-contain {
+ background-size: contain;
+ }
+
+ .lg\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .lg\:border-separate {
+ border-collapse: separate;
+ }
+
+ .lg\:border-transparent {
+ border-color: transparent;
+ }
+
+ .lg\:border-current {
+ border-color: currentColor;
+ }
+
+ .lg\:border-black {
+ border-color: #000;
+ }
+
+ .lg\:border-white {
+ border-color: #fff;
+ }
+
+ .lg\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .lg\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .lg\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .lg\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .lg\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .lg\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .lg\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .lg\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .lg\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .lg\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .lg\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .lg\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .lg\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .lg\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .lg\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .lg\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .lg\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .lg\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .lg\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .lg\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .lg\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .lg\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .lg\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .lg\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .lg\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .lg\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .lg\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .lg\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .lg\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .lg\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .lg\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .lg\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .lg\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .lg\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .lg\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .lg\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .lg\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .lg\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .lg\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .lg\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .lg\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .lg\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .lg\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .lg\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .lg\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .lg\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .lg\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .lg\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .lg\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .lg\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .lg\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .lg\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .lg\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .lg\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .lg\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .lg\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .lg\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .lg\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .lg\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .lg\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .lg\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .lg\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .lg\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .lg\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .lg\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .lg\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .lg\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .lg\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .lg\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .lg\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .lg\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .lg\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .lg\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .lg\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .lg\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .lg\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .lg\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .lg\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .lg\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .lg\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .lg\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .lg\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .lg\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .lg\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .lg\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .lg\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .lg\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .lg\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .lg\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .lg\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .lg\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .lg\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .lg\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .lg\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .lg\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .lg\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .lg\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .lg\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .lg\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .lg\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .lg\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .lg\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .lg\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .lg\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .lg\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .lg\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .lg\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .lg\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .lg\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .lg\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .lg\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .lg\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .lg\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .lg\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .lg\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .lg\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .lg\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .lg\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .lg\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .lg\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .lg\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .lg\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .lg\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .lg\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .lg\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .lg\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .lg\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .lg\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .lg\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .lg\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .lg\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .lg\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .lg\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .lg\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .lg\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .lg\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .lg\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .lg\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .lg\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .lg\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .lg\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .lg\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .lg\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .lg\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .lg\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .lg\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .lg\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .lg\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .lg\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .lg\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .lg\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .lg\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .lg\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .lg\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .lg\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .lg\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .lg\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .lg\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .lg\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .lg\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .lg\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .lg\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .lg\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .lg\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .lg\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .lg\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .lg\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .lg\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .lg\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .lg\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .lg\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .lg\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .lg\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .lg\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .lg\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .lg\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .lg\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .lg\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .lg\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .lg\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .lg\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .lg\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .lg\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .lg\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .lg\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .lg\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .lg\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .lg\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .lg\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .lg\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .lg\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .lg\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .lg\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .lg\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .lg\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .lg\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .lg\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .lg\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .lg\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .lg\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .lg\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .lg\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .lg\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .lg\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .lg\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .lg\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .lg\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .lg\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .lg\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .lg\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .lg\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .lg\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .lg\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .lg\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .lg\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .lg\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .lg\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .lg\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .lg\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .lg\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .lg\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .lg\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .lg\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .lg\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .lg\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .lg\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .lg\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .lg\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .lg\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .lg\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .lg\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .lg\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .lg\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .lg\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .lg\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .lg\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .lg\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .lg\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .lg\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .lg\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .lg\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .lg\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .lg\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .lg\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .lg\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .lg\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .lg\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .lg\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .lg\:rounded-none {
+ border-radius: 0;
+ }
+
+ .lg\:rounded-sm {
+ border-radius: 0.125rem;
+ }
+
+ .lg\:rounded {
+ border-radius: 0.25rem;
+ }
+
+ .lg\:rounded-md {
+ border-radius: 0.375rem;
+ }
+
+ .lg\:rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .lg\:rounded-full {
+ border-radius: 9999px;
+ }
+
+ .lg\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .lg\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .lg\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .lg\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .lg\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .lg\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .lg\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .lg\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .lg\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .lg\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .lg\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .lg\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .lg\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .lg\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .lg\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .lg\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .lg\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .lg\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .lg\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .lg\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .lg\:border-solid {
+ border-style: solid;
+ }
+
+ .lg\:border-dashed {
+ border-style: dashed;
+ }
+
+ .lg\:border-dotted {
+ border-style: dotted;
+ }
+
+ .lg\:border-double {
+ border-style: double;
+ }
+
+ .lg\:border-none {
+ border-style: none;
+ }
+
+ .lg\:border-0 {
+ border-width: 0;
+ }
+
+ .lg\:border-2 {
+ border-width: 2px;
+ }
+
+ .lg\:border-4 {
+ border-width: 4px;
+ }
+
+ .lg\:border-8 {
+ border-width: 8px;
+ }
+
+ .lg\:border {
+ border-width: 1px;
+ }
+
+ .lg\:border-t-0 {
+ border-top-width: 0;
+ }
+
+ .lg\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .lg\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .lg\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .lg\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .lg\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .lg\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .lg\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .lg\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .lg\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .lg\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .lg\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .lg\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .lg\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .lg\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .lg\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .lg\:border-t {
+ border-top-width: 1px;
+ }
+
+ .lg\:border-r {
+ border-right-width: 1px;
+ }
+
+ .lg\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .lg\:border-l {
+ border-left-width: 1px;
+ }
+
+ .lg\:box-border {
+ box-sizing: border-box;
+ }
+
+ .lg\:box-content {
+ box-sizing: content-box;
+ }
+
+ .lg\:cursor-auto {
+ cursor: auto;
+ }
+
+ .lg\:cursor-default {
+ cursor: default;
+ }
+
+ .lg\:cursor-pointer {
+ cursor: pointer;
+ }
+
+ .lg\:cursor-wait {
+ cursor: wait;
+ }
+
+ .lg\:cursor-text {
+ cursor: text;
+ }
+
+ .lg\:cursor-move {
+ cursor: move;
+ }
+
+ .lg\:cursor-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .lg\:block {
+ display: block;
+ }
+
+ .lg\:inline-block {
+ display: inline-block;
+ }
+
+ .lg\:inline {
+ display: inline;
+ }
+
+ .lg\:flex {
+ display: flex;
+ }
+
+ .lg\:inline-flex {
+ display: inline-flex;
+ }
+
+ .lg\:table {
+ display: table;
+ }
+
+ .lg\:table-caption {
+ display: table-caption;
+ }
+
+ .lg\:table-cell {
+ display: table-cell;
+ }
+
+ .lg\:table-column {
+ display: table-column;
+ }
+
+ .lg\:table-column-group {
+ display: table-column-group;
+ }
+
+ .lg\:table-footer-group {
+ display: table-footer-group;
+ }
+
+ .lg\:table-header-group {
+ display: table-header-group;
+ }
+
+ .lg\:table-row-group {
+ display: table-row-group;
+ }
+
+ .lg\:table-row {
+ display: table-row;
+ }
+
+ .lg\:flow-root {
+ display: flow-root;
+ }
+
+ .lg\:grid {
+ display: grid;
+ }
+
+ .lg\:inline-grid {
+ display: inline-grid;
+ }
+
+ .lg\:hidden {
+ display: none;
+ }
+
+ .lg\:flex-row {
+ flex-direction: row;
+ }
+
+ .lg\:flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+
+ .lg\:flex-col {
+ flex-direction: column;
+ }
+
+ .lg\:flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+
+ .lg\:flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ .lg\:flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+
+ .lg\:flex-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .lg\:items-start {
+ align-items: flex-start;
+ }
+
+ .lg\:items-end {
+ align-items: flex-end;
+ }
+
+ .lg\:items-center {
+ align-items: center;
+ }
+
+ .lg\:items-baseline {
+ align-items: baseline;
+ }
+
+ .lg\:items-stretch {
+ align-items: stretch;
+ }
+
+ .lg\:self-auto {
+ align-self: auto;
+ }
+
+ .lg\:self-start {
+ align-self: flex-start;
+ }
+
+ .lg\:self-end {
+ align-self: flex-end;
+ }
+
+ .lg\:self-center {
+ align-self: center;
+ }
+
+ .lg\:self-stretch {
+ align-self: stretch;
+ }
+
+ .lg\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .lg\:justify-end {
+ justify-content: flex-end;
+ }
+
+ .lg\:justify-center {
+ justify-content: center;
+ }
+
+ .lg\:justify-between {
+ justify-content: space-between;
+ }
+
+ .lg\:justify-around {
+ justify-content: space-around;
+ }
+
+ .lg\:justify-evenly {
+ justify-content: space-evenly;
+ }
+
+ .lg\:content-center {
+ align-content: center;
+ }
+
+ .lg\:content-start {
+ align-content: flex-start;
+ }
+
+ .lg\:content-end {
+ align-content: flex-end;
+ }
+
+ .lg\:content-between {
+ align-content: space-between;
+ }
+
+ .lg\:content-around {
+ align-content: space-around;
+ }
+
+ .lg\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .lg\:flex-auto {
+ flex: 1 1 auto;
+ }
+
+ .lg\:flex-initial {
+ flex: 0 1 auto;
+ }
+
+ .lg\:flex-none {
+ flex: none;
+ }
+
+ .lg\:flex-grow-0 {
+ flex-grow: 0;
+ }
+
+ .lg\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .lg\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .lg\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .lg\:order-1 {
+ order: 1;
+ }
+
+ .lg\:order-2 {
+ order: 2;
+ }
+
+ .lg\:order-3 {
+ order: 3;
+ }
+
+ .lg\:order-4 {
+ order: 4;
+ }
+
+ .lg\:order-5 {
+ order: 5;
+ }
+
+ .lg\:order-6 {
+ order: 6;
+ }
+
+ .lg\:order-7 {
+ order: 7;
+ }
+
+ .lg\:order-8 {
+ order: 8;
+ }
+
+ .lg\:order-9 {
+ order: 9;
+ }
+
+ .lg\:order-10 {
+ order: 10;
+ }
+
+ .lg\:order-11 {
+ order: 11;
+ }
+
+ .lg\:order-12 {
+ order: 12;
+ }
+
+ .lg\:order-first {
+ order: -9999;
+ }
+
+ .lg\:order-last {
+ order: 9999;
+ }
+
+ .lg\:order-none {
+ order: 0;
+ }
+
+ .lg\:float-right {
+ float: right;
+ }
+
+ .lg\:float-left {
+ float: left;
+ }
+
+ .lg\:float-none {
+ float: none;
+ }
+
+ .lg\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .lg\:clear-left {
+ clear: left;
+ }
+
+ .lg\:clear-right {
+ clear: right;
+ }
+
+ .lg\:clear-both {
+ clear: both;
+ }
+
+ .lg\:clear-none {
+ clear: none;
+ }
+
+ .lg\:font-sans {
+ font-family: 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\:font-serif {
+ font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .lg\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .lg\:font-hairline {
+ font-weight: 100;
+ }
+
+ .lg\:font-thin {
+ font-weight: 200;
+ }
+
+ .lg\:font-light {
+ font-weight: 300;
+ }
+
+ .lg\:font-normal {
+ font-weight: 400;
+ }
+
+ .lg\:font-medium {
+ font-weight: 500;
+ }
+
+ .lg\:font-semibold {
+ font-weight: 600;
+ }
+
+ .lg\:font-bold {
+ font-weight: 700;
+ }
+
+ .lg\:font-extrabold {
+ font-weight: 800;
+ }
+
+ .lg\:font-black {
+ font-weight: 900;
+ }
+
+ .lg\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .lg\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .lg\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .lg\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .lg\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .lg\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .lg\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .lg\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .lg\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .lg\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .lg\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .lg\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .lg\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .lg\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .lg\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .lg\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .lg\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .lg\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .lg\:h-0 {
+ height: 0;
+ }
+
+ .lg\:h-1 {
+ height: 0.25rem;
+ }
+
+ .lg\:h-2 {
+ height: 0.5rem;
+ }
+
+ .lg\:h-3 {
+ height: 0.75rem;
+ }
+
+ .lg\:h-4 {
+ height: 1rem;
+ }
+
+ .lg\:h-5 {
+ height: 1.25rem;
+ }
+
+ .lg\:h-6 {
+ height: 1.5rem;
+ }
+
+ .lg\:h-8 {
+ height: 2rem;
+ }
+
+ .lg\:h-10 {
+ height: 2.5rem;
+ }
+
+ .lg\:h-12 {
+ height: 3rem;
+ }
+
+ .lg\:h-16 {
+ height: 4rem;
+ }
+
+ .lg\:h-20 {
+ height: 5rem;
+ }
+
+ .lg\:h-24 {
+ height: 6rem;
+ }
+
+ .lg\:h-32 {
+ height: 8rem;
+ }
+
+ .lg\:h-40 {
+ height: 10rem;
+ }
+
+ .lg\:h-48 {
+ height: 12rem;
+ }
+
+ .lg\:h-56 {
+ height: 14rem;
+ }
+
+ .lg\:h-64 {
+ height: 16rem;
+ }
+
+ .lg\:h-auto {
+ height: auto;
+ }
+
+ .lg\:h-px {
+ height: 1px;
+ }
+
+ .lg\:h-full {
+ height: 100%;
+ }
+
+ .lg\:h-screen {
+ height: 100vh;
+ }
+
+ .lg\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .lg\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .lg\:text-base {
+ font-size: 1rem;
+ }
+
+ .lg\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .lg\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .lg\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .lg\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .lg\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .lg\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .lg\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .lg\:leading-3 {
+ line-height: .75rem;
+ }
+
+ .lg\:leading-4 {
+ line-height: 1rem;
+ }
+
+ .lg\:leading-5 {
+ line-height: 1.25rem;
+ }
+
+ .lg\:leading-6 {
+ line-height: 1.5rem;
+ }
+
+ .lg\:leading-7 {
+ line-height: 1.75rem;
+ }
+
+ .lg\:leading-8 {
+ line-height: 2rem;
+ }
+
+ .lg\:leading-9 {
+ line-height: 2.25rem;
+ }
+
+ .lg\:leading-10 {
+ line-height: 2.5rem;
+ }
+
+ .lg\:leading-none {
+ line-height: 1;
+ }
+
+ .lg\:leading-tight {
+ line-height: 1.25;
+ }
+
+ .lg\:leading-snug {
+ line-height: 1.375;
+ }
+
+ .lg\:leading-normal {
+ line-height: 1.5;
+ }
+
+ .lg\:leading-relaxed {
+ line-height: 1.625;
+ }
+
+ .lg\:leading-loose {
+ line-height: 2;
+ }
+
+ .lg\:list-inside {
+ list-style-position: inside;
+ }
+
+ .lg\:list-outside {
+ list-style-position: outside;
+ }
+
+ .lg\:list-none {
+ list-style-type: none;
+ }
+
+ .lg\:list-disc {
+ list-style-type: disc;
+ }
+
+ .lg\:list-decimal {
+ list-style-type: decimal;
+ }
+
+ .lg\:m-0 {
+ margin: 0;
+ }
+
+ .lg\:m-1 {
+ margin: 0.25rem;
+ }
+
+ .lg\:m-2 {
+ margin: 0.5rem;
+ }
+
+ .lg\:m-3 {
+ margin: 0.75rem;
+ }
+
+ .lg\:m-4 {
+ margin: 1rem;
+ }
+
+ .lg\:m-5 {
+ margin: 1.25rem;
+ }
+
+ .lg\:m-6 {
+ margin: 1.5rem;
+ }
+
+ .lg\:m-8 {
+ margin: 2rem;
+ }
+
+ .lg\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .lg\:m-12 {
+ margin: 3rem;
+ }
+
+ .lg\:m-16 {
+ margin: 4rem;
+ }
+
+ .lg\:m-20 {
+ margin: 5rem;
+ }
+
+ .lg\:m-24 {
+ margin: 6rem;
+ }
+
+ .lg\:m-32 {
+ margin: 8rem;
+ }
+
+ .lg\:m-40 {
+ margin: 10rem;
+ }
+
+ .lg\:m-48 {
+ margin: 12rem;
+ }
+
+ .lg\:m-56 {
+ margin: 14rem;
+ }
+
+ .lg\:m-64 {
+ margin: 16rem;
+ }
+
+ .lg\:m-auto {
+ margin: auto;
+ }
+
+ .lg\:m-px {
+ margin: 1px;
+ }
+
+ .lg\:-m-1 {
+ margin: -0.25rem;
+ }
+
+ .lg\:-m-2 {
+ margin: -0.5rem;
+ }
+
+ .lg\:-m-3 {
+ margin: -0.75rem;
+ }
+
+ .lg\:-m-4 {
+ margin: -1rem;
+ }
+
+ .lg\:-m-5 {
+ margin: -1.25rem;
+ }
+
+ .lg\:-m-6 {
+ margin: -1.5rem;
+ }
+
+ .lg\:-m-8 {
+ margin: -2rem;
+ }
+
+ .lg\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .lg\:-m-12 {
+ margin: -3rem;
+ }
+
+ .lg\:-m-16 {
+ margin: -4rem;
+ }
+
+ .lg\:-m-20 {
+ margin: -5rem;
+ }
+
+ .lg\:-m-24 {
+ margin: -6rem;
+ }
+
+ .lg\:-m-32 {
+ margin: -8rem;
+ }
+
+ .lg\:-m-40 {
+ margin: -10rem;
+ }
+
+ .lg\:-m-48 {
+ margin: -12rem;
+ }
+
+ .lg\:-m-56 {
+ margin: -14rem;
+ }
+
+ .lg\:-m-64 {
+ margin: -16rem;
+ }
+
+ .lg\:-m-px {
+ margin: -1px;
+ }
+
+ .lg\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .lg\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .lg\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .lg\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .lg\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .lg\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .lg\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .lg\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .lg\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .lg\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .lg\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .lg\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .lg\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .lg\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .lg\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .lg\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .lg\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .lg\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .lg\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .lg\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .lg\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .lg\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .lg\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .lg\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .lg\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .lg\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .lg\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .lg\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .lg\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .lg\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .lg\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .lg\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .lg\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .lg\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .lg\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .lg\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .lg\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .lg\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .lg\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .lg\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .lg\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .lg\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .lg\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .lg\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .lg\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .lg\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .lg\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .lg\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .lg\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .lg\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .lg\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .lg\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .lg\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .lg\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .lg\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .lg\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .lg\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .lg\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .lg\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .lg\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .lg\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .lg\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .lg\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .lg\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .lg\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .lg\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .lg\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .lg\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .lg\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .lg\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .lg\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .lg\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .lg\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .lg\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .lg\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .lg\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .lg\:mt-0 {
+ margin-top: 0;
+ }
+
+ .lg\:mr-0 {
+ margin-right: 0;
+ }
+
+ .lg\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .lg\:ml-0 {
+ margin-left: 0;
+ }
+
+ .lg\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .lg\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .lg\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .lg\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .lg\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .lg\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .lg\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .lg\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .lg\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .lg\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .lg\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .lg\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .lg\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .lg\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .lg\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .lg\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .lg\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .lg\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .lg\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .lg\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .lg\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .lg\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .lg\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .lg\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .lg\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .lg\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .lg\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .lg\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .lg\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .lg\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .lg\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .lg\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .lg\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .lg\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .lg\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .lg\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .lg\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .lg\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .lg\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .lg\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .lg\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .lg\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .lg\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .lg\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .lg\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .lg\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .lg\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .lg\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .lg\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .lg\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .lg\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .lg\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .lg\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .lg\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .lg\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .lg\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .lg\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .lg\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .lg\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .lg\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .lg\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .lg\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .lg\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .lg\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .lg\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .lg\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .lg\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .lg\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .lg\:mt-auto {
+ margin-top: auto;
+ }
+
+ .lg\:mr-auto {
+ margin-right: auto;
+ }
+
+ .lg\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .lg\:ml-auto {
+ margin-left: auto;
+ }
+
+ .lg\:mt-px {
+ margin-top: 1px;
+ }
+
+ .lg\:mr-px {
+ margin-right: 1px;
+ }
+
+ .lg\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .lg\:ml-px {
+ margin-left: 1px;
+ }
+
+ .lg\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .lg\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .lg\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .lg\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .lg\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .lg\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .lg\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .lg\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .lg\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .lg\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .lg\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .lg\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .lg\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .lg\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .lg\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .lg\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .lg\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .lg\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .lg\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .lg\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .lg\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .lg\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .lg\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .lg\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .lg\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .lg\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .lg\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .lg\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .lg\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .lg\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .lg\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .lg\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .lg\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .lg\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .lg\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .lg\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .lg\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .lg\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .lg\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .lg\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .lg\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .lg\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .lg\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .lg\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .lg\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .lg\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .lg\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .lg\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .lg\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .lg\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .lg\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .lg\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .lg\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .lg\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .lg\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .lg\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .lg\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .lg\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .lg\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .lg\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .lg\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .lg\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .lg\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .lg\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .lg\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .lg\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .lg\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .lg\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .lg\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .lg\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .lg\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .lg\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .lg\:max-h-full {
+ max-height: 100%;
+ }
+
+ .lg\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .lg\:max-w-none {
+ max-width: none;
+ }
+
+ .lg\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .lg\:max-w-sm {
+ max-width: 24rem;
+ }
+
+ .lg\:max-w-md {
+ max-width: 28rem;
+ }
+
+ .lg\:max-w-lg {
+ max-width: 32rem;
+ }
+
+ .lg\:max-w-xl {
+ max-width: 36rem;
+ }
+
+ .lg\:max-w-2xl {
+ max-width: 42rem;
+ }
+
+ .lg\:max-w-3xl {
+ max-width: 48rem;
+ }
+
+ .lg\:max-w-4xl {
+ max-width: 56rem;
+ }
+
+ .lg\:max-w-5xl {
+ max-width: 64rem;
+ }
+
+ .lg\:max-w-6xl {
+ max-width: 72rem;
+ }
+
+ .lg\:max-w-full {
+ max-width: 100%;
+ }
+
+ .lg\:max-w-screen-sm {
+ max-width: 640px;
+ }
+
+ .lg\:max-w-screen-md {
+ max-width: 768px;
+ }
+
+ .lg\:max-w-screen-lg {
+ max-width: 1024px;
+ }
+
+ .lg\:max-w-screen-xl {
+ max-width: 1280px;
+ }
+
+ .lg\:min-h-0 {
+ min-height: 0;
+ }
+
+ .lg\:min-h-full {
+ min-height: 100%;
+ }
+
+ .lg\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .lg\:min-w-0 {
+ min-width: 0;
+ }
+
+ .lg\:min-w-full {
+ min-width: 100%;
+ }
+
+ .lg\:object-contain {
+ object-fit: contain;
+ }
+
+ .lg\:object-cover {
+ object-fit: cover;
+ }
+
+ .lg\:object-fill {
+ object-fit: fill;
+ }
+
+ .lg\:object-none {
+ object-fit: none;
+ }
+
+ .lg\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .lg\:object-bottom {
+ object-position: bottom;
+ }
+
+ .lg\:object-center {
+ object-position: center;
+ }
+
+ .lg\:object-left {
+ object-position: left;
+ }
+
+ .lg\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .lg\:object-left-top {
+ object-position: left top;
+ }
+
+ .lg\:object-right {
+ object-position: right;
+ }
+
+ .lg\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .lg\:object-right-top {
+ object-position: right top;
+ }
+
+ .lg\:object-top {
+ object-position: top;
+ }
+
+ .lg\:opacity-0 {
+ opacity: 0;
+ }
+
+ .lg\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .lg\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .lg\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .lg\:opacity-100 {
+ opacity: 1;
+ }
+
+ .lg\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .lg\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .lg\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .lg\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .lg\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .lg\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .lg\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .lg\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .lg\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .lg\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .lg\:outline-none {
+ outline: 0;
+ }
+
+ .lg\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .lg\:overflow-auto {
+ overflow: auto;
+ }
+
+ .lg\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .lg\:overflow-visible {
+ overflow: visible;
+ }
+
+ .lg\:overflow-scroll {
+ overflow: scroll;
+ }
+
+ .lg\:overflow-x-auto {
+ overflow-x: auto;
+ }
+
+ .lg\:overflow-y-auto {
+ overflow-y: auto;
+ }
+
+ .lg\:overflow-x-hidden {
+ overflow-x: hidden;
+ }
+
+ .lg\:overflow-y-hidden {
+ overflow-y: hidden;
+ }
+
+ .lg\:overflow-x-visible {
+ overflow-x: visible;
+ }
+
+ .lg\:overflow-y-visible {
+ overflow-y: visible;
+ }
+
+ .lg\:overflow-x-scroll {
+ overflow-x: scroll;
+ }
+
+ .lg\:overflow-y-scroll {
+ overflow-y: scroll;
+ }
+
+ .lg\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .lg\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .lg\:overscroll-auto {
+ overscroll-behavior: auto;
+ }
+
+ .lg\:overscroll-contain {
+ overscroll-behavior: contain;
+ }
+
+ .lg\:overscroll-none {
+ overscroll-behavior: none;
+ }
+
+ .lg\:overscroll-y-auto {
+ overscroll-behavior-y: auto;
+ }
+
+ .lg\:overscroll-y-contain {
+ overscroll-behavior-y: contain;
+ }
+
+ .lg\:overscroll-y-none {
+ overscroll-behavior-y: none;
+ }
+
+ .lg\:overscroll-x-auto {
+ overscroll-behavior-x: auto;
+ }
+
+ .lg\:overscroll-x-contain {
+ overscroll-behavior-x: contain;
+ }
+
+ .lg\:overscroll-x-none {
+ overscroll-behavior-x: none;
+ }
+
+ .lg\:p-0 {
+ padding: 0;
+ }
+
+ .lg\:p-1 {
+ padding: 0.25rem;
+ }
+
+ .lg\:p-2 {
+ padding: 0.5rem;
+ }
+
+ .lg\:p-3 {
+ padding: 0.75rem;
+ }
+
+ .lg\:p-4 {
+ padding: 1rem;
+ }
+
+ .lg\:p-5 {
+ padding: 1.25rem;
+ }
+
+ .lg\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .lg\:p-8 {
+ padding: 2rem;
+ }
+
+ .lg\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .lg\:p-12 {
+ padding: 3rem;
+ }
+
+ .lg\:p-16 {
+ padding: 4rem;
+ }
+
+ .lg\:p-20 {
+ padding: 5rem;
+ }
+
+ .lg\:p-24 {
+ padding: 6rem;
+ }
+
+ .lg\:p-32 {
+ padding: 8rem;
+ }
+
+ .lg\:p-40 {
+ padding: 10rem;
+ }
+
+ .lg\:p-48 {
+ padding: 12rem;
+ }
+
+ .lg\:p-56 {
+ padding: 14rem;
+ }
+
+ .lg\:p-64 {
+ padding: 16rem;
+ }
+
+ .lg\:p-px {
+ padding: 1px;
+ }
+
+ .lg\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .lg\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .lg\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .lg\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .lg\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .lg\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .lg\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .lg\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .lg\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .lg\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .lg\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .lg\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .lg\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .lg\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .lg\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .lg\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .lg\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .lg\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .lg\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .lg\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .lg\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .lg\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .lg\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .lg\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .lg\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .lg\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .lg\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .lg\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .lg\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .lg\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .lg\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .lg\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .lg\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .lg\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .lg\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .lg\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .lg\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .lg\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .lg\:pt-0 {
+ padding-top: 0;
+ }
+
+ .lg\:pr-0 {
+ padding-right: 0;
+ }
+
+ .lg\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .lg\:pl-0 {
+ padding-left: 0;
+ }
+
+ .lg\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .lg\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .lg\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .lg\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .lg\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .lg\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .lg\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .lg\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .lg\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .lg\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .lg\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .lg\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .lg\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .lg\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .lg\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .lg\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .lg\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .lg\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .lg\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .lg\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .lg\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .lg\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .lg\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .lg\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .lg\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .lg\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .lg\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .lg\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .lg\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .lg\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .lg\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .lg\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .lg\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .lg\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .lg\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .lg\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .lg\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .lg\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .lg\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .lg\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .lg\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .lg\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .lg\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .lg\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .lg\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .lg\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .lg\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .lg\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .lg\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .lg\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .lg\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .lg\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .lg\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .lg\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .lg\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .lg\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .lg\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .lg\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .lg\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .lg\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .lg\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .lg\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .lg\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .lg\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .lg\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .lg\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .lg\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .lg\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .lg\:pt-px {
+ padding-top: 1px;
+ }
+
+ .lg\:pr-px {
+ padding-right: 1px;
+ }
+
+ .lg\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .lg\:pl-px {
+ padding-left: 1px;
+ }
+
+ .lg\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .lg\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .lg\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .lg\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .lg\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .lg\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .lg\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .lg\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .lg\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .lg\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .lg\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .lg\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .lg\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .lg\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .lg\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .lg\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .lg\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .lg\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .lg\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .lg\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .lg\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .lg\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .lg\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .lg\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .lg\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .lg\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .lg\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .lg\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .lg\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .lg\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .lg\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .lg\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .lg\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .lg\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .lg\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .lg\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .lg\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .lg\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .lg\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .lg\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .lg\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .lg\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .lg\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .lg\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .lg\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .lg\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .lg\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .lg\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .lg\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .lg\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .lg\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .lg\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .lg\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .lg\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .lg\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .lg\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .lg\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .lg\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .lg\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .lg\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .lg\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .lg\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .lg\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .lg\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .lg\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .lg\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .lg\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .lg\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .lg\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .lg\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .lg\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .lg\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .lg\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .lg\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .lg\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .lg\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .lg\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .lg\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .lg\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .lg\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .lg\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .lg\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .lg\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .lg\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .lg\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .lg\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .lg\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .lg\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .lg\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .lg\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .lg\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .lg\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .lg\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .lg\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .lg\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .lg\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .lg\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .lg\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .lg\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .lg\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .lg\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .lg\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .lg\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .lg\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .lg\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .lg\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .lg\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .lg\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .lg\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .lg\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .lg\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .lg\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .lg\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .lg\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .lg\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .lg\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .lg\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .lg\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .lg\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .lg\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .lg\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .lg\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .lg\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .lg\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .lg\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .lg\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .lg\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .lg\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .lg\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .lg\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .lg\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .lg\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .lg\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .lg\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .lg\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .lg\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .lg\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .lg\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .lg\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .lg\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .lg\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .lg\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .lg\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .lg\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .lg\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .lg\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .lg\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .lg\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .lg\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .lg\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .lg\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .lg\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .lg\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .lg\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .lg\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .lg\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .lg\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .lg\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .lg\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .lg\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .lg\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .lg\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .lg\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .lg\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .lg\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .lg\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .lg\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .lg\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .lg\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .lg\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .lg\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .lg\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .lg\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .lg\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .lg\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .lg\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .lg\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .lg\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .lg\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .lg\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .lg\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .lg\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .lg\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .lg\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .lg\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .lg\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .lg\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .lg\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .lg\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .lg\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .lg\:static {
+ position: static;
+ }
+
+ .lg\:fixed {
+ position: fixed;
+ }
+
+ .lg\:absolute {
+ position: absolute;
+ }
+
+ .lg\:relative {
+ position: relative;
+ }
+
+ .lg\:sticky {
+ position: sticky;
+ }
+
+ .lg\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .lg\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .lg\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .lg\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .lg\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .lg\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .lg\:top-0 {
+ top: 0;
+ }
+
+ .lg\:right-0 {
+ right: 0;
+ }
+
+ .lg\:bottom-0 {
+ bottom: 0;
+ }
+
+ .lg\:left-0 {
+ left: 0;
+ }
+
+ .lg\:top-auto {
+ top: auto;
+ }
+
+ .lg\:right-auto {
+ right: auto;
+ }
+
+ .lg\:bottom-auto {
+ bottom: auto;
+ }
+
+ .lg\:left-auto {
+ left: auto;
+ }
+
+ .lg\:resize-none {
+ resize: none;
+ }
+
+ .lg\:resize-y {
+ resize: vertical;
+ }
+
+ .lg\:resize-x {
+ resize: horizontal;
+ }
+
+ .lg\:resize {
+ resize: both;
+ }
+
+ .lg\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:shadow-none {
+ box-shadow: none;
+ }
+
+ .lg\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .lg\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .lg\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .lg\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .lg\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .lg\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .lg\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .lg\:fill-current {
+ fill: currentColor;
+ }
+
+ .lg\:stroke-current {
+ stroke: currentColor;
+ }
+
+ .lg\:stroke-0 {
+ stroke-width: 0;
+ }
+
+ .lg\:stroke-1 {
+ stroke-width: 1;
+ }
+
+ .lg\:stroke-2 {
+ stroke-width: 2;
+ }
+
+ .lg\:table-auto {
+ table-layout: auto;
+ }
+
+ .lg\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .lg\:text-left {
+ text-align: left;
+ }
+
+ .lg\:text-center {
+ text-align: center;
+ }
+
+ .lg\:text-right {
+ text-align: right;
+ }
+
+ .lg\:text-justify {
+ text-align: justify;
+ }
+
+ .lg\:text-transparent {
+ color: transparent;
+ }
+
+ .lg\:text-current {
+ color: currentColor;
+ }
+
+ .lg\:text-black {
+ color: #000;
+ }
+
+ .lg\:text-white {
+ color: #fff;
+ }
+
+ .lg\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .lg\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .lg\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .lg\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .lg\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .lg\:text-gray-600 {
+ color: #718096;
+ }
+
+ .lg\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .lg\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .lg\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .lg\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .lg\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .lg\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .lg\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .lg\:text-red-500 {
+ color: #f56565;
+ }
+
+ .lg\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .lg\:text-red-700 {
+ color: #c53030;
+ }
+
+ .lg\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .lg\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .lg\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .lg\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .lg\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .lg\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .lg\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .lg\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .lg\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .lg\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .lg\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .lg\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .lg\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .lg\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .lg\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .lg\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .lg\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .lg\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .lg\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .lg\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .lg\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .lg\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .lg\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .lg\:text-green-400 {
+ color: #68d391;
+ }
+
+ .lg\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .lg\:text-green-600 {
+ color: #38a169;
+ }
+
+ .lg\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .lg\:text-green-800 {
+ color: #276749;
+ }
+
+ .lg\:text-green-900 {
+ color: #22543d;
+ }
+
+ .lg\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .lg\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .lg\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .lg\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .lg\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .lg\:text-teal-600 {
+ color: #319795;
+ }
+
+ .lg\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .lg\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .lg\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .lg\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .lg\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .lg\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .lg\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .lg\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .lg\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .lg\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .lg\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .lg\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .lg\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .lg\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .lg\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .lg\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .lg\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .lg\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .lg\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .lg\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .lg\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .lg\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .lg\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .lg\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .lg\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .lg\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .lg\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .lg\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .lg\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .lg\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .lg\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .lg\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .lg\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .lg\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .lg\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .lg\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .lg\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .lg\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .lg\:text-pink-900 {
+ color: #702459;
+ }
+
+ .lg\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .lg\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .lg\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .lg\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .lg\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .lg\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .lg\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .lg\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .lg\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .lg\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .lg\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .lg\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .lg\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .lg\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .lg\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .lg\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .lg\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .lg\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .lg\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .lg\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .lg\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .lg\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .lg\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .lg\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .lg\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .lg\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .lg\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .lg\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .lg\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .lg\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .lg\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .lg\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .lg\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .lg\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .lg\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .lg\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .lg\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .lg\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .lg\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .lg\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .lg\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .lg\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .lg\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .lg\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .lg\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .lg\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .lg\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .lg\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .lg\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .lg\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .lg\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .lg\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .lg\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .lg\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .lg\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .lg\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .lg\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .lg\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .lg\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .lg\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .lg\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .lg\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .lg\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .lg\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .lg\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .lg\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .lg\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .lg\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .lg\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .lg\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .lg\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .lg\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .lg\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .lg\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .lg\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .lg\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .lg\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .lg\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .lg\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .lg\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .lg\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .lg\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .lg\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .lg\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .lg\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .lg\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .lg\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .lg\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .lg\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .lg\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .lg\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .lg\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .lg\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .lg\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .lg\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .lg\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .lg\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .lg\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .lg\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .lg\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .lg\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .lg\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .lg\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .lg\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .lg\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .lg\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .lg\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .lg\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .lg\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .lg\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .lg\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .lg\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .lg\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .lg\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .lg\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .lg\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .lg\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .lg\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .lg\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .lg\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .lg\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .lg\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .lg\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .lg\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .lg\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .lg\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .lg\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .lg\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .lg\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .lg\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .lg\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .lg\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .lg\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .lg\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .lg\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .lg\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .lg\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .lg\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .lg\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .lg\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .lg\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .lg\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .lg\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .lg\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .lg\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .lg\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .lg\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .lg\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .lg\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .lg\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .lg\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .lg\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .lg\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .lg\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .lg\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .lg\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .lg\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .lg\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .lg\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .lg\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .lg\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .lg\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .lg\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .lg\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .lg\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .lg\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .lg\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .lg\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .lg\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .lg\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .lg\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .lg\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .lg\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .lg\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .lg\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .lg\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .lg\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .lg\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .lg\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .lg\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .lg\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .lg\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .lg\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .lg\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .lg\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .lg\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .lg\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .lg\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .lg\:italic {
+ font-style: italic;
+ }
+
+ .lg\:not-italic {
+ font-style: normal;
+ }
+
+ .lg\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .lg\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .lg\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .lg\:normal-case {
+ text-transform: none;
+ }
+
+ .lg\:underline {
+ text-decoration: underline;
+ }
+
+ .lg\:line-through {
+ text-decoration: line-through;
+ }
+
+ .lg\:no-underline {
+ text-decoration: none;
+ }
+
+ .lg\:hover\:underline:hover {
+ text-decoration: underline;
+ }
+
+ .lg\:hover\:line-through:hover {
+ text-decoration: line-through;
+ }
+
+ .lg\:hover\:no-underline:hover {
+ text-decoration: none;
+ }
+
+ .lg\:focus\:underline:focus {
+ text-decoration: underline;
+ }
+
+ .lg\:focus\:line-through:focus {
+ text-decoration: line-through;
+ }
+
+ .lg\:focus\:no-underline:focus {
+ text-decoration: none;
+ }
+
+ .lg\:antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .lg\:subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+
+ .lg\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .lg\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .lg\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .lg\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .lg\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .lg\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .lg\:select-none {
+ user-select: none;
+ }
+
+ .lg\:select-text {
+ user-select: text;
+ }
+
+ .lg\:select-all {
+ user-select: all;
+ }
+
+ .lg\:select-auto {
+ user-select: auto;
+ }
+
+ .lg\:align-baseline {
+ vertical-align: baseline;
+ }
+
+ .lg\:align-top {
+ vertical-align: top;
+ }
+
+ .lg\:align-middle {
+ vertical-align: middle;
+ }
+
+ .lg\:align-bottom {
+ vertical-align: bottom;
+ }
+
+ .lg\:align-text-top {
+ vertical-align: text-top;
+ }
+
+ .lg\:align-text-bottom {
+ vertical-align: text-bottom;
+ }
+
+ .lg\:visible {
+ visibility: visible;
+ }
+
+ .lg\:invisible {
+ visibility: hidden;
+ }
+
+ .lg\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .lg\:whitespace-no-wrap {
+ white-space: nowrap;
+ }
+
+ .lg\:whitespace-pre {
+ white-space: pre;
+ }
+
+ .lg\:whitespace-pre-line {
+ white-space: pre-line;
+ }
+
+ .lg\:whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+
+ .lg\:break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+
+ .lg\:break-words {
+ overflow-wrap: break-word;
+ }
+
+ .lg\:break-all {
+ word-break: break-all;
+ }
+
+ .lg\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .lg\:w-0 {
+ width: 0;
+ }
+
+ .lg\:w-1 {
+ width: 0.25rem;
+ }
+
+ .lg\:w-2 {
+ width: 0.5rem;
+ }
+
+ .lg\:w-3 {
+ width: 0.75rem;
+ }
+
+ .lg\:w-4 {
+ width: 1rem;
+ }
+
+ .lg\:w-5 {
+ width: 1.25rem;
+ }
+
+ .lg\:w-6 {
+ width: 1.5rem;
+ }
+
+ .lg\:w-8 {
+ width: 2rem;
+ }
+
+ .lg\:w-10 {
+ width: 2.5rem;
+ }
+
+ .lg\:w-12 {
+ width: 3rem;
+ }
+
+ .lg\:w-16 {
+ width: 4rem;
+ }
+
+ .lg\:w-20 {
+ width: 5rem;
+ }
+
+ .lg\:w-24 {
+ width: 6rem;
+ }
+
+ .lg\:w-32 {
+ width: 8rem;
+ }
+
+ .lg\:w-40 {
+ width: 10rem;
+ }
+
+ .lg\:w-48 {
+ width: 12rem;
+ }
+
+ .lg\:w-56 {
+ width: 14rem;
+ }
+
+ .lg\:w-64 {
+ width: 16rem;
+ }
+
+ .lg\:w-auto {
+ width: auto;
+ }
+
+ .lg\:w-px {
+ width: 1px;
+ }
+
+ .lg\:w-1\/2 {
+ width: 50%;
+ }
+
+ .lg\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-2\/3 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-1\/4 {
+ width: 25%;
+ }
+
+ .lg\:w-2\/4 {
+ width: 50%;
+ }
+
+ .lg\:w-3\/4 {
+ width: 75%;
+ }
+
+ .lg\:w-1\/5 {
+ width: 20%;
+ }
+
+ .lg\:w-2\/5 {
+ width: 40%;
+ }
+
+ .lg\:w-3\/5 {
+ width: 60%;
+ }
+
+ .lg\:w-4\/5 {
+ width: 80%;
+ }
+
+ .lg\:w-1\/6 {
+ width: 16.666667%;
+ }
+
+ .lg\:w-2\/6 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-3\/6 {
+ width: 50%;
+ }
+
+ .lg\:w-4\/6 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-5\/6 {
+ width: 83.333333%;
+ }
+
+ .lg\:w-1\/12 {
+ width: 8.333333%;
+ }
+
+ .lg\:w-2\/12 {
+ width: 16.666667%;
+ }
+
+ .lg\:w-3\/12 {
+ width: 25%;
+ }
+
+ .lg\:w-4\/12 {
+ width: 33.333333%;
+ }
+
+ .lg\:w-5\/12 {
+ width: 41.666667%;
+ }
+
+ .lg\:w-6\/12 {
+ width: 50%;
+ }
+
+ .lg\:w-7\/12 {
+ width: 58.333333%;
+ }
+
+ .lg\:w-8\/12 {
+ width: 66.666667%;
+ }
+
+ .lg\:w-9\/12 {
+ width: 75%;
+ }
+
+ .lg\:w-10\/12 {
+ width: 83.333333%;
+ }
+
+ .lg\:w-11\/12 {
+ width: 91.666667%;
+ }
+
+ .lg\:w-full {
+ width: 100%;
+ }
+
+ .lg\:w-screen {
+ width: 100vw;
+ }
+
+ .lg\:z-0 {
+ z-index: 0;
+ }
+
+ .lg\:z-10 {
+ z-index: 10;
+ }
+
+ .lg\:z-20 {
+ z-index: 20;
+ }
+
+ .lg\:z-30 {
+ z-index: 30;
+ }
+
+ .lg\:z-40 {
+ z-index: 40;
+ }
+
+ .lg\:z-50 {
+ z-index: 50;
+ }
+
+ .lg\:z-auto {
+ z-index: auto;
+ }
+
+ .lg\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .lg\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .lg\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .lg\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .lg\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .lg\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .lg\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .lg\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .lg\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .lg\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .lg\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .lg\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .lg\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .lg\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .lg\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .lg\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .lg\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .lg\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .lg\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .lg\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .lg\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .lg\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .lg\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .lg\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .lg\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .lg\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .lg\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .lg\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .lg\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .lg\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .lg\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .lg\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .lg\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .lg\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .lg\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .lg\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .lg\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .lg\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .lg\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .lg\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .lg\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .lg\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .lg\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .lg\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .lg\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .lg\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .lg\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .lg\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .lg\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .lg\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .lg\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .lg\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .lg\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .lg\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .lg\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .lg\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .lg\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .lg\:grid-flow-row {
+ grid-auto-flow: row;
+ }
+
+ .lg\:grid-flow-col {
+ grid-auto-flow: column;
+ }
+
+ .lg\:grid-flow-row-dense {
+ grid-auto-flow: row dense;
+ }
+
+ .lg\:grid-flow-col-dense {
+ grid-auto-flow: column dense;
+ }
+
+ .lg\:grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-6 {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-7 {
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-8 {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-9 {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-10 {
+ grid-template-columns: repeat(10, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-11 {
+ grid-template-columns: repeat(11, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-12 {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ }
+
+ .lg\:grid-cols-none {
+ grid-template-columns: none;
+ }
+
+ .lg\:col-auto {
+ grid-column: auto;
+ }
+
+ .lg\:col-span-1 {
+ grid-column: span 1 / span 1;
+ }
+
+ .lg\:col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+
+ .lg\:col-span-3 {
+ grid-column: span 3 / span 3;
+ }
+
+ .lg\:col-span-4 {
+ grid-column: span 4 / span 4;
+ }
+
+ .lg\:col-span-5 {
+ grid-column: span 5 / span 5;
+ }
+
+ .lg\:col-span-6 {
+ grid-column: span 6 / span 6;
+ }
+
+ .lg\:col-span-7 {
+ grid-column: span 7 / span 7;
+ }
+
+ .lg\:col-span-8 {
+ grid-column: span 8 / span 8;
+ }
+
+ .lg\:col-span-9 {
+ grid-column: span 9 / span 9;
+ }
+
+ .lg\:col-span-10 {
+ grid-column: span 10 / span 10;
+ }
+
+ .lg\:col-span-11 {
+ grid-column: span 11 / span 11;
+ }
+
+ .lg\:col-span-12 {
+ grid-column: span 12 / span 12;
+ }
+
+ .lg\:col-start-1 {
+ grid-column-start: 1;
+ }
+
+ .lg\:col-start-2 {
+ grid-column-start: 2;
+ }
+
+ .lg\:col-start-3 {
+ grid-column-start: 3;
+ }
+
+ .lg\:col-start-4 {
+ grid-column-start: 4;
+ }
+
+ .lg\:col-start-5 {
+ grid-column-start: 5;
+ }
+
+ .lg\:col-start-6 {
+ grid-column-start: 6;
+ }
+
+ .lg\:col-start-7 {
+ grid-column-start: 7;
+ }
+
+ .lg\:col-start-8 {
+ grid-column-start: 8;
+ }
+
+ .lg\:col-start-9 {
+ grid-column-start: 9;
+ }
+
+ .lg\:col-start-10 {
+ grid-column-start: 10;
+ }
+
+ .lg\:col-start-11 {
+ grid-column-start: 11;
+ }
+
+ .lg\:col-start-12 {
+ grid-column-start: 12;
+ }
+
+ .lg\:col-start-13 {
+ grid-column-start: 13;
+ }
+
+ .lg\:col-start-auto {
+ grid-column-start: auto;
+ }
+
+ .lg\:col-end-1 {
+ grid-column-end: 1;
+ }
+
+ .lg\:col-end-2 {
+ grid-column-end: 2;
+ }
+
+ .lg\:col-end-3 {
+ grid-column-end: 3;
+ }
+
+ .lg\:col-end-4 {
+ grid-column-end: 4;
+ }
+
+ .lg\:col-end-5 {
+ grid-column-end: 5;
+ }
+
+ .lg\:col-end-6 {
+ grid-column-end: 6;
+ }
+
+ .lg\:col-end-7 {
+ grid-column-end: 7;
+ }
+
+ .lg\:col-end-8 {
+ grid-column-end: 8;
+ }
+
+ .lg\:col-end-9 {
+ grid-column-end: 9;
+ }
+
+ .lg\:col-end-10 {
+ grid-column-end: 10;
+ }
+
+ .lg\:col-end-11 {
+ grid-column-end: 11;
+ }
+
+ .lg\:col-end-12 {
+ grid-column-end: 12;
+ }
+
+ .lg\:col-end-13 {
+ grid-column-end: 13;
+ }
+
+ .lg\:col-end-auto {
+ grid-column-end: auto;
+ }
+
+ .lg\:grid-rows-1 {
+ grid-template-rows: repeat(1, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-3 {
+ grid-template-rows: repeat(3, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-4 {
+ grid-template-rows: repeat(4, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-5 {
+ grid-template-rows: repeat(5, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-6 {
+ grid-template-rows: repeat(6, minmax(0, 1fr));
+ }
+
+ .lg\:grid-rows-none {
+ grid-template-rows: none;
+ }
+
+ .lg\:row-auto {
+ grid-row: auto;
+ }
+
+ .lg\:row-span-1 {
+ grid-row: span 1 / span 1;
+ }
+
+ .lg\:row-span-2 {
+ grid-row: span 2 / span 2;
+ }
+
+ .lg\:row-span-3 {
+ grid-row: span 3 / span 3;
+ }
+
+ .lg\:row-span-4 {
+ grid-row: span 4 / span 4;
+ }
+
+ .lg\:row-span-5 {
+ grid-row: span 5 / span 5;
+ }
+
+ .lg\:row-span-6 {
+ grid-row: span 6 / span 6;
+ }
+
+ .lg\:row-start-1 {
+ grid-row-start: 1;
+ }
+
+ .lg\:row-start-2 {
+ grid-row-start: 2;
+ }
+
+ .lg\:row-start-3 {
+ grid-row-start: 3;
+ }
+
+ .lg\:row-start-4 {
+ grid-row-start: 4;
+ }
+
+ .lg\:row-start-5 {
+ grid-row-start: 5;
+ }
+
+ .lg\:row-start-6 {
+ grid-row-start: 6;
+ }
+
+ .lg\:row-start-7 {
+ grid-row-start: 7;
+ }
+
+ .lg\:row-start-auto {
+ grid-row-start: auto;
+ }
+
+ .lg\:row-end-1 {
+ grid-row-end: 1;
+ }
+
+ .lg\:row-end-2 {
+ grid-row-end: 2;
+ }
+
+ .lg\:row-end-3 {
+ grid-row-end: 3;
+ }
+
+ .lg\:row-end-4 {
+ grid-row-end: 4;
+ }
+
+ .lg\:row-end-5 {
+ grid-row-end: 5;
+ }
+
+ .lg\:row-end-6 {
+ grid-row-end: 6;
+ }
+
+ .lg\:row-end-7 {
+ grid-row-end: 7;
+ }
+
+ .lg\:row-end-auto {
+ grid-row-end: auto;
+ }
+
+ .lg\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .lg\:transform-none {
+ transform: none;
+ }
+
+ .lg\:origin-center {
+ transform-origin: center;
+ }
+
+ .lg\:origin-top {
+ transform-origin: top;
+ }
+
+ .lg\:origin-top-right {
+ transform-origin: top right;
+ }
+
+ .lg\:origin-right {
+ transform-origin: right;
+ }
+
+ .lg\:origin-bottom-right {
+ transform-origin: bottom right;
+ }
+
+ .lg\:origin-bottom {
+ transform-origin: bottom;
+ }
+
+ .lg\:origin-bottom-left {
+ transform-origin: bottom left;
+ }
+
+ .lg\:origin-left {
+ transform-origin: left;
+ }
+
+ .lg\:origin-top-left {
+ transform-origin: top left;
+ }
+
+ .lg\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .lg\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .lg\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .lg\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .lg\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .lg\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .lg\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .lg\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .lg\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .lg\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .lg\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .lg\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .lg\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .lg\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .lg\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .lg\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .lg\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .lg\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .lg\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .lg\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .lg\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .lg\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .lg\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .lg\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .lg\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .lg\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .lg\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .lg\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .lg\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .lg\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .lg\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .lg\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .lg\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .lg\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .lg\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .lg\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .lg\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .lg\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .lg\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .lg\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .lg\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .lg\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .lg\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .lg\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .lg\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .lg\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .lg\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .lg\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .lg\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .lg\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .lg\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .lg\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .lg\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .lg\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .lg\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .lg\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .lg\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .lg\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .lg\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .lg\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .lg\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .lg\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .lg\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .lg\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .lg\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .lg\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .lg\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .lg\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .lg\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .lg\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .lg\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .lg\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .lg\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .lg\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .lg\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .lg\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .lg\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .lg\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .lg\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .lg\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .lg\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .lg\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .lg\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .lg\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .lg\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .lg\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .lg\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .lg\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .lg\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .lg\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .lg\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .lg\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .lg\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .lg\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .lg\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .lg\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .lg\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .lg\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .lg\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .lg\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .lg\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .lg\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .lg\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .lg\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .lg\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .lg\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .lg\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .lg\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .lg\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .lg\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .lg\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .lg\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .lg\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .lg\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .lg\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .lg\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .lg\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .lg\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .lg\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .lg\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .lg\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .lg\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .lg\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .lg\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .lg\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .lg\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .lg\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .lg\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .lg\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .lg\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .lg\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .lg\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .lg\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .lg\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .lg\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .lg\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .lg\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .lg\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .lg\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .lg\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .lg\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .lg\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .lg\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .lg\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .lg\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .lg\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .lg\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .lg\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .lg\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .lg\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .lg\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .lg\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .lg\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .lg\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .lg\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .lg\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .lg\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .lg\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .lg\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .lg\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .lg\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .lg\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .lg\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .lg\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .lg\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .lg\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .lg\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .lg\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .lg\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .lg\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .lg\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .lg\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .lg\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .lg\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .lg\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .lg\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .lg\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .lg\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .lg\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .lg\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .lg\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .lg\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .lg\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .lg\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .lg\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .lg\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .lg\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .lg\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .lg\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .lg\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .lg\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .lg\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .lg\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .lg\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .lg\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .lg\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .lg\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .lg\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .lg\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .lg\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .lg\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .lg\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .lg\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .lg\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .lg\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .lg\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .lg\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .lg\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .lg\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .lg\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .lg\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .lg\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .lg\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .lg\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .lg\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .lg\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .lg\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .lg\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .lg\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .lg\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .lg\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .lg\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .lg\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .lg\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .lg\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .lg\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .lg\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .lg\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .lg\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .lg\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .lg\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .lg\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .lg\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .lg\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .lg\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .lg\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .lg\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .lg\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .lg\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .lg\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .lg\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .lg\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .lg\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .lg\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .lg\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .lg\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .lg\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .lg\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .lg\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .lg\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .lg\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .lg\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .lg\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .lg\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .lg\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .lg\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .lg\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .lg\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .lg\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .lg\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .lg\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .lg\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .lg\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .lg\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .lg\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .lg\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .lg\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .lg\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .lg\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .lg\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .lg\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .lg\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .lg\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .lg\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .lg\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .lg\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .lg\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .lg\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .lg\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .lg\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .lg\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .lg\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .lg\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .lg\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .lg\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .lg\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .lg\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .lg\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .lg\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .lg\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .lg\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .lg\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .lg\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .lg\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .lg\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .lg\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .lg\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .lg\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .lg\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .lg\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .lg\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .lg\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .lg\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .lg\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .lg\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .lg\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .lg\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .lg\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .lg\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .lg\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .lg\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .lg\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .lg\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .lg\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .lg\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .lg\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .lg\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .lg\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .lg\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .lg\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .lg\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .lg\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .lg\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .lg\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .lg\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .lg\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .lg\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .lg\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .lg\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .lg\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .lg\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .lg\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .lg\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .lg\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .lg\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .lg\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .lg\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .lg\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .lg\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .lg\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .lg\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .lg\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .lg\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .lg\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .lg\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .lg\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .lg\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .lg\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .lg\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .lg\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .lg\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .lg\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .lg\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .lg\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .lg\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .lg\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .lg\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .lg\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .lg\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .lg\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .lg\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .lg\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .lg\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .lg\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .lg\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .lg\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .lg\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .lg\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .lg\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .lg\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .lg\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .lg\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .lg\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .lg\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .lg\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .lg\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .lg\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .lg\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .lg\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .lg\:transition-none {
+ transition-property: none;
+ }
+
+ .lg\:transition-all {
+ transition-property: all;
+ }
+
+ .lg\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .lg\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .lg\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .lg\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .lg\:transition-transform {
+ transition-property: transform;
+ }
+
+ .lg\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .lg\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .lg\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .lg\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .lg\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .lg\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .lg\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .lg\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .lg\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .lg\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .lg\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .lg\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .lg\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .lg\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .lg\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .lg\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .lg\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .lg\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .lg\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .lg\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .lg\:animate-none {
+ animation: none;
+ }
+
+ .lg\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .lg\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .lg\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .lg\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
+ .lg\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
+
+@media (min-width: 1280px) {
+ .xl\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .xl\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .xl\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .xl\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .xl\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .xl\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .xl\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .xl\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .xl\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .xl\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .xl\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .xl\:divide-black > :not(template) ~ :not(template) {
+ border-color: #000;
+ }
+
+ .xl\:divide-white > :not(template) ~ :not(template) {
+ border-color: #fff;
+ }
+
+ .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+ border-color: #f7fafc;
+ }
+
+ .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+ border-color: #edf2f7;
+ }
+
+ .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+ border-color: #a0aec0;
+ }
+
+ .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+ border-color: #718096;
+ }
+
+ .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+ border-color: #4a5568;
+ }
+
+ .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+ border-color: #2d3748;
+ }
+
+ .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+ border-color: #1a202c;
+ }
+
+ .xl\:divide-red-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f5;
+ }
+
+ .xl\:divide-red-200 > :not(template) ~ :not(template) {
+ border-color: #fed7d7;
+ }
+
+ .xl\:divide-red-300 > :not(template) ~ :not(template) {
+ border-color: #feb2b2;
+ }
+
+ .xl\:divide-red-400 > :not(template) ~ :not(template) {
+ border-color: #fc8181;
+ }
+
+ .xl\:divide-red-500 > :not(template) ~ :not(template) {
+ border-color: #f56565;
+ }
+
+ .xl\:divide-red-600 > :not(template) ~ :not(template) {
+ border-color: #e53e3e;
+ }
+
+ .xl\:divide-red-700 > :not(template) ~ :not(template) {
+ border-color: #c53030;
+ }
+
+ .xl\:divide-red-800 > :not(template) ~ :not(template) {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:divide-red-900 > :not(template) ~ :not(template) {
+ border-color: #742a2a;
+ }
+
+ .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+ border-color: #fffaf0;
+ }
+
+ .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+ border-color: #feebc8;
+ }
+
+ .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+ border-color: #fbd38d;
+ }
+
+ .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+ border-color: #f6ad55;
+ }
+
+ .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+ border-color: #ed8936;
+ }
+
+ .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+ border-color: #dd6b20;
+ }
+
+ .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+ border-color: #c05621;
+ }
+
+ .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+ border-color: #9c4221;
+ }
+
+ .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+ border-color: #7b341e;
+ }
+
+ .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+ border-color: #fffff0;
+ }
+
+ .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+ border-color: #fefcbf;
+ }
+
+ .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+ border-color: #faf089;
+ }
+
+ .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+ border-color: #f6e05e;
+ }
+
+ .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+ border-color: #ecc94b;
+ }
+
+ .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+ border-color: #d69e2e;
+ }
+
+ .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+ border-color: #b7791f;
+ }
+
+ .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+ border-color: #975a16;
+ }
+
+ .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+ border-color: #744210;
+ }
+
+ .xl\:divide-green-100 > :not(template) ~ :not(template) {
+ border-color: #f0fff4;
+ }
+
+ .xl\:divide-green-200 > :not(template) ~ :not(template) {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:divide-green-300 > :not(template) ~ :not(template) {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:divide-green-400 > :not(template) ~ :not(template) {
+ border-color: #68d391;
+ }
+
+ .xl\:divide-green-500 > :not(template) ~ :not(template) {
+ border-color: #48bb78;
+ }
+
+ .xl\:divide-green-600 > :not(template) ~ :not(template) {
+ border-color: #38a169;
+ }
+
+ .xl\:divide-green-700 > :not(template) ~ :not(template) {
+ border-color: #2f855a;
+ }
+
+ .xl\:divide-green-800 > :not(template) ~ :not(template) {
+ border-color: #276749;
+ }
+
+ .xl\:divide-green-900 > :not(template) ~ :not(template) {
+ border-color: #22543d;
+ }
+
+ .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+ border-color: #e6fffa;
+ }
+
+ .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+ border-color: #81e6d9;
+ }
+
+ .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+ border-color: #38b2ac;
+ }
+
+ .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+ border-color: #319795;
+ }
+
+ .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+ border-color: #285e61;
+ }
+
+ .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+ border-color: #234e52;
+ }
+
+ .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+ border-color: #bee3f8;
+ }
+
+ .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+ border-color: #90cdf4;
+ }
+
+ .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+ border-color: #63b3ed;
+ }
+
+ .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+ border-color: #4299e1;
+ }
+
+ .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+ border-color: #3182ce;
+ }
+
+ .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+ border-color: #2c5282;
+ }
+
+ .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+ border-color: #2a4365;
+ }
+
+ .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+ border-color: #c3dafe;
+ }
+
+ .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+ border-color: #a3bffa;
+ }
+
+ .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+ border-color: #667eea;
+ }
+
+ .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+ border-color: #5a67d8;
+ }
+
+ .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+ border-color: #4c51bf;
+ }
+
+ .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+ border-color: #434190;
+ }
+
+ .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+ border-color: #3c366b;
+ }
+
+ .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+ border-color: #faf5ff;
+ }
+
+ .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+ border-color: #b794f4;
+ }
+
+ .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+ border-color: #9f7aea;
+ }
+
+ .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+ border-color: #805ad5;
+ }
+
+ .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+ border-color: #6b46c1;
+ }
+
+ .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+ border-color: #553c9a;
+ }
+
+ .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+ border-color: #44337a;
+ }
+
+ .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+ border-color: #fff5f7;
+ }
+
+ .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+ border-color: #fed7e2;
+ }
+
+ .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+ border-color: #f687b3;
+ }
+
+ .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+ border-color: #ed64a6;
+ }
+
+ .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+ border-color: #d53f8c;
+ }
+
+ .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+ border-color: #b83280;
+ }
+
+ .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+ border-color: #97266d;
+ }
+
+ .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+ border-color: #702459;
+ }
+
+ .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\:not-sr-only {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .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\:not-sr-only:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ }
+
+ .xl\:appearance-none {
+ appearance: none;
+ }
+
+ .xl\:bg-fixed {
+ background-attachment: fixed;
+ }
+
+ .xl\:bg-local {
+ background-attachment: local;
+ }
+
+ .xl\:bg-scroll {
+ background-attachment: scroll;
+ }
+
+ .xl\:bg-transparent {
+ background-color: transparent;
+ }
+
+ .xl\:bg-current {
+ background-color: currentColor;
+ }
+
+ .xl\:bg-black {
+ background-color: #000;
+ }
+
+ .xl\:bg-white {
+ background-color: #fff;
+ }
+
+ .xl\:bg-gray-100 {
+ background-color: #f7fafc;
+ }
+
+ .xl\:bg-gray-200 {
+ background-color: #edf2f7;
+ }
+
+ .xl\:bg-gray-300 {
+ background-color: #e2e8f0;
+ }
+
+ .xl\:bg-gray-400 {
+ background-color: #cbd5e0;
+ }
+
+ .xl\:bg-gray-500 {
+ background-color: #a0aec0;
+ }
+
+ .xl\:bg-gray-600 {
+ background-color: #718096;
+ }
+
+ .xl\:bg-gray-700 {
+ background-color: #4a5568;
+ }
+
+ .xl\:bg-gray-800 {
+ background-color: #2d3748;
+ }
+
+ .xl\:bg-gray-900 {
+ background-color: #1a202c;
+ }
+
+ .xl\:bg-red-100 {
+ background-color: #fff5f5;
+ }
+
+ .xl\:bg-red-200 {
+ background-color: #fed7d7;
+ }
+
+ .xl\:bg-red-300 {
+ background-color: #feb2b2;
+ }
+
+ .xl\:bg-red-400 {
+ background-color: #fc8181;
+ }
+
+ .xl\:bg-red-500 {
+ background-color: #f56565;
+ }
+
+ .xl\:bg-red-600 {
+ background-color: #e53e3e;
+ }
+
+ .xl\:bg-red-700 {
+ background-color: #c53030;
+ }
+
+ .xl\:bg-red-800 {
+ background-color: #9b2c2c;
+ }
+
+ .xl\:bg-red-900 {
+ background-color: #742a2a;
+ }
+
+ .xl\:bg-orange-100 {
+ background-color: #fffaf0;
+ }
+
+ .xl\:bg-orange-200 {
+ background-color: #feebc8;
+ }
+
+ .xl\:bg-orange-300 {
+ background-color: #fbd38d;
+ }
+
+ .xl\:bg-orange-400 {
+ background-color: #f6ad55;
+ }
+
+ .xl\:bg-orange-500 {
+ background-color: #ed8936;
+ }
+
+ .xl\:bg-orange-600 {
+ background-color: #dd6b20;
+ }
+
+ .xl\:bg-orange-700 {
+ background-color: #c05621;
+ }
+
+ .xl\:bg-orange-800 {
+ background-color: #9c4221;
+ }
+
+ .xl\:bg-orange-900 {
+ background-color: #7b341e;
+ }
+
+ .xl\:bg-yellow-100 {
+ background-color: #fffff0;
+ }
+
+ .xl\:bg-yellow-200 {
+ background-color: #fefcbf;
+ }
+
+ .xl\:bg-yellow-300 {
+ background-color: #faf089;
+ }
+
+ .xl\:bg-yellow-400 {
+ background-color: #f6e05e;
+ }
+
+ .xl\:bg-yellow-500 {
+ background-color: #ecc94b;
+ }
+
+ .xl\:bg-yellow-600 {
+ background-color: #d69e2e;
+ }
+
+ .xl\:bg-yellow-700 {
+ background-color: #b7791f;
+ }
+
+ .xl\:bg-yellow-800 {
+ background-color: #975a16;
+ }
+
+ .xl\:bg-yellow-900 {
+ background-color: #744210;
+ }
+
+ .xl\:bg-green-100 {
+ background-color: #f0fff4;
+ }
+
+ .xl\:bg-green-200 {
+ background-color: #c6f6d5;
+ }
+
+ .xl\:bg-green-300 {
+ background-color: #9ae6b4;
+ }
+
+ .xl\:bg-green-400 {
+ background-color: #68d391;
+ }
+
+ .xl\:bg-green-500 {
+ background-color: #48bb78;
+ }
+
+ .xl\:bg-green-600 {
+ background-color: #38a169;
+ }
+
+ .xl\:bg-green-700 {
+ background-color: #2f855a;
+ }
+
+ .xl\:bg-green-800 {
+ background-color: #276749;
+ }
+
+ .xl\:bg-green-900 {
+ background-color: #22543d;
+ }
+
+ .xl\:bg-teal-100 {
+ background-color: #e6fffa;
+ }
+
+ .xl\:bg-teal-200 {
+ background-color: #b2f5ea;
+ }
+
+ .xl\:bg-teal-300 {
+ background-color: #81e6d9;
+ }
+
+ .xl\:bg-teal-400 {
+ background-color: #4fd1c5;
+ }
+
+ .xl\:bg-teal-500 {
+ background-color: #38b2ac;
+ }
+
+ .xl\:bg-teal-600 {
+ background-color: #319795;
+ }
+
+ .xl\:bg-teal-700 {
+ background-color: #2c7a7b;
+ }
+
+ .xl\:bg-teal-800 {
+ background-color: #285e61;
+ }
+
+ .xl\:bg-teal-900 {
+ background-color: #234e52;
+ }
+
+ .xl\:bg-blue-100 {
+ background-color: #ebf8ff;
+ }
+
+ .xl\:bg-blue-200 {
+ background-color: #bee3f8;
+ }
+
+ .xl\:bg-blue-300 {
+ background-color: #90cdf4;
+ }
+
+ .xl\:bg-blue-400 {
+ background-color: #63b3ed;
+ }
+
+ .xl\:bg-blue-500 {
+ background-color: #4299e1;
+ }
+
+ .xl\:bg-blue-600 {
+ background-color: #3182ce;
+ }
+
+ .xl\:bg-blue-700 {
+ background-color: #2b6cb0;
+ }
+
+ .xl\:bg-blue-800 {
+ background-color: #2c5282;
+ }
+
+ .xl\:bg-blue-900 {
+ background-color: #2a4365;
+ }
+
+ .xl\:bg-indigo-100 {
+ background-color: #ebf4ff;
+ }
+
+ .xl\:bg-indigo-200 {
+ background-color: #c3dafe;
+ }
+
+ .xl\:bg-indigo-300 {
+ background-color: #a3bffa;
+ }
+
+ .xl\:bg-indigo-400 {
+ background-color: #7f9cf5;
+ }
+
+ .xl\:bg-indigo-500 {
+ background-color: #667eea;
+ }
+
+ .xl\:bg-indigo-600 {
+ background-color: #5a67d8;
+ }
+
+ .xl\:bg-indigo-700 {
+ background-color: #4c51bf;
+ }
+
+ .xl\:bg-indigo-800 {
+ background-color: #434190;
+ }
+
+ .xl\:bg-indigo-900 {
+ background-color: #3c366b;
+ }
+
+ .xl\:bg-purple-100 {
+ background-color: #faf5ff;
+ }
+
+ .xl\:bg-purple-200 {
+ background-color: #e9d8fd;
+ }
+
+ .xl\:bg-purple-300 {
+ background-color: #d6bcfa;
+ }
+
+ .xl\:bg-purple-400 {
+ background-color: #b794f4;
+ }
+
+ .xl\:bg-purple-500 {
+ background-color: #9f7aea;
+ }
+
+ .xl\:bg-purple-600 {
+ background-color: #805ad5;
+ }
+
+ .xl\:bg-purple-700 {
+ background-color: #6b46c1;
+ }
+
+ .xl\:bg-purple-800 {
+ background-color: #553c9a;
+ }
+
+ .xl\:bg-purple-900 {
+ background-color: #44337a;
+ }
+
+ .xl\:bg-pink-100 {
+ background-color: #fff5f7;
+ }
+
+ .xl\:bg-pink-200 {
+ background-color: #fed7e2;
+ }
+
+ .xl\:bg-pink-300 {
+ background-color: #fbb6ce;
+ }
+
+ .xl\:bg-pink-400 {
+ background-color: #f687b3;
+ }
+
+ .xl\:bg-pink-500 {
+ background-color: #ed64a6;
+ }
+
+ .xl\:bg-pink-600 {
+ background-color: #d53f8c;
+ }
+
+ .xl\:bg-pink-700 {
+ background-color: #b83280;
+ }
+
+ .xl\:bg-pink-800 {
+ background-color: #97266d;
+ }
+
+ .xl\:bg-pink-900 {
+ background-color: #702459;
+ }
+
+ .xl\:hover\:bg-transparent:hover {
+ background-color: transparent;
+ }
+
+ .xl\:hover\:bg-current:hover {
+ background-color: currentColor;
+ }
+
+ .xl\:hover\:bg-black:hover {
+ background-color: #000;
+ }
+
+ .xl\:hover\:bg-white:hover {
+ background-color: #fff;
+ }
+
+ .xl\:hover\:bg-gray-100:hover {
+ background-color: #f7fafc;
+ }
+
+ .xl\:hover\:bg-gray-200:hover {
+ background-color: #edf2f7;
+ }
+
+ .xl\:hover\:bg-gray-300:hover {
+ background-color: #e2e8f0;
+ }
+
+ .xl\:hover\:bg-gray-400:hover {
+ background-color: #cbd5e0;
+ }
+
+ .xl\:hover\:bg-gray-500:hover {
+ background-color: #a0aec0;
+ }
+
+ .xl\:hover\:bg-gray-600:hover {
+ background-color: #718096;
+ }
+
+ .xl\:hover\:bg-gray-700:hover {
+ background-color: #4a5568;
+ }
+
+ .xl\:hover\:bg-gray-800:hover {
+ background-color: #2d3748;
+ }
+
+ .xl\:hover\:bg-gray-900:hover {
+ background-color: #1a202c;
+ }
+
+ .xl\:hover\:bg-red-100:hover {
+ background-color: #fff5f5;
+ }
+
+ .xl\:hover\:bg-red-200:hover {
+ background-color: #fed7d7;
+ }
+
+ .xl\:hover\:bg-red-300:hover {
+ background-color: #feb2b2;
+ }
+
+ .xl\:hover\:bg-red-400:hover {
+ background-color: #fc8181;
+ }
+
+ .xl\:hover\:bg-red-500:hover {
+ background-color: #f56565;
+ }
+
+ .xl\:hover\:bg-red-600:hover {
+ background-color: #e53e3e;
+ }
+
+ .xl\:hover\:bg-red-700:hover {
+ background-color: #c53030;
+ }
+
+ .xl\:hover\:bg-red-800:hover {
+ background-color: #9b2c2c;
+ }
+
+ .xl\:hover\:bg-red-900:hover {
+ background-color: #742a2a;
+ }
+
+ .xl\:hover\:bg-orange-100:hover {
+ background-color: #fffaf0;
+ }
+
+ .xl\:hover\:bg-orange-200:hover {
+ background-color: #feebc8;
+ }
+
+ .xl\:hover\:bg-orange-300:hover {
+ background-color: #fbd38d;
+ }
+
+ .xl\:hover\:bg-orange-400:hover {
+ background-color: #f6ad55;
+ }
+
+ .xl\:hover\:bg-orange-500:hover {
+ background-color: #ed8936;
+ }
+
+ .xl\:hover\:bg-orange-600:hover {
+ background-color: #dd6b20;
+ }
+
+ .xl\:hover\:bg-orange-700:hover {
+ background-color: #c05621;
+ }
+
+ .xl\:hover\:bg-orange-800:hover {
+ background-color: #9c4221;
+ }
+
+ .xl\:hover\:bg-orange-900:hover {
+ background-color: #7b341e;
+ }
+
+ .xl\:hover\:bg-yellow-100:hover {
+ background-color: #fffff0;
+ }
+
+ .xl\:hover\:bg-yellow-200:hover {
+ background-color: #fefcbf;
+ }
+
+ .xl\:hover\:bg-yellow-300:hover {
+ background-color: #faf089;
+ }
+
+ .xl\:hover\:bg-yellow-400:hover {
+ background-color: #f6e05e;
+ }
+
+ .xl\:hover\:bg-yellow-500:hover {
+ background-color: #ecc94b;
+ }
+
+ .xl\:hover\:bg-yellow-600:hover {
+ background-color: #d69e2e;
+ }
+
+ .xl\:hover\:bg-yellow-700:hover {
+ background-color: #b7791f;
+ }
+
+ .xl\:hover\:bg-yellow-800:hover {
+ background-color: #975a16;
+ }
+
+ .xl\:hover\:bg-yellow-900:hover {
+ background-color: #744210;
+ }
+
+ .xl\:hover\:bg-green-100:hover {
+ background-color: #f0fff4;
+ }
+
+ .xl\:hover\:bg-green-200:hover {
+ background-color: #c6f6d5;
+ }
+
+ .xl\:hover\:bg-green-300:hover {
+ background-color: #9ae6b4;
+ }
+
+ .xl\:hover\:bg-green-400:hover {
+ background-color: #68d391;
+ }
+
+ .xl\:hover\:bg-green-500:hover {
+ background-color: #48bb78;
+ }
+
+ .xl\:hover\:bg-green-600:hover {
+ background-color: #38a169;
+ }
+
+ .xl\:hover\:bg-green-700:hover {
+ background-color: #2f855a;
+ }
+
+ .xl\:hover\:bg-green-800:hover {
+ background-color: #276749;
+ }
+
+ .xl\:hover\:bg-green-900:hover {
+ background-color: #22543d;
+ }
+
+ .xl\:hover\:bg-teal-100:hover {
+ background-color: #e6fffa;
+ }
+
+ .xl\:hover\:bg-teal-200:hover {
+ background-color: #b2f5ea;
+ }
+
+ .xl\:hover\:bg-teal-300:hover {
+ background-color: #81e6d9;
+ }
+
+ .xl\:hover\:bg-teal-400:hover {
+ background-color: #4fd1c5;
+ }
+
+ .xl\:hover\:bg-teal-500:hover {
+ background-color: #38b2ac;
+ }
+
+ .xl\:hover\:bg-teal-600:hover {
+ background-color: #319795;
+ }
+
+ .xl\:hover\:bg-teal-700:hover {
+ background-color: #2c7a7b;
+ }
+
+ .xl\:hover\:bg-teal-800:hover {
+ background-color: #285e61;
+ }
+
+ .xl\:hover\:bg-teal-900:hover {
+ background-color: #234e52;
+ }
+
+ .xl\:hover\:bg-blue-100:hover {
+ background-color: #ebf8ff;
+ }
+
+ .xl\:hover\:bg-blue-200:hover {
+ background-color: #bee3f8;
+ }
+
+ .xl\:hover\:bg-blue-300:hover {
+ background-color: #90cdf4;
+ }
+
+ .xl\:hover\:bg-blue-400:hover {
+ background-color: #63b3ed;
+ }
+
+ .xl\:hover\:bg-blue-500:hover {
+ background-color: #4299e1;
+ }
+
+ .xl\:hover\:bg-blue-600:hover {
+ background-color: #3182ce;
+ }
+
+ .xl\:hover\:bg-blue-700:hover {
+ background-color: #2b6cb0;
+ }
+
+ .xl\:hover\:bg-blue-800:hover {
+ background-color: #2c5282;
+ }
+
+ .xl\:hover\:bg-blue-900:hover {
+ background-color: #2a4365;
+ }
+
+ .xl\:hover\:bg-indigo-100:hover {
+ background-color: #ebf4ff;
+ }
+
+ .xl\:hover\:bg-indigo-200:hover {
+ background-color: #c3dafe;
+ }
+
+ .xl\:hover\:bg-indigo-300:hover {
+ background-color: #a3bffa;
+ }
+
+ .xl\:hover\:bg-indigo-400:hover {
+ background-color: #7f9cf5;
+ }
+
+ .xl\:hover\:bg-indigo-500:hover {
+ background-color: #667eea;
+ }
+
+ .xl\:hover\:bg-indigo-600:hover {
+ background-color: #5a67d8;
+ }
+
+ .xl\:hover\:bg-indigo-700:hover {
+ background-color: #4c51bf;
+ }
+
+ .xl\:hover\:bg-indigo-800:hover {
+ background-color: #434190;
+ }
+
+ .xl\:hover\:bg-indigo-900:hover {
+ background-color: #3c366b;
+ }
+
+ .xl\:hover\:bg-purple-100:hover {
+ background-color: #faf5ff;
+ }
+
+ .xl\:hover\:bg-purple-200:hover {
+ background-color: #e9d8fd;
+ }
+
+ .xl\:hover\:bg-purple-300:hover {
+ background-color: #d6bcfa;
+ }
+
+ .xl\:hover\:bg-purple-400:hover {
+ background-color: #b794f4;
+ }
+
+ .xl\:hover\:bg-purple-500:hover {
+ background-color: #9f7aea;
+ }
+
+ .xl\:hover\:bg-purple-600:hover {
+ background-color: #805ad5;
+ }
+
+ .xl\:hover\:bg-purple-700:hover {
+ background-color: #6b46c1;
+ }
+
+ .xl\:hover\:bg-purple-800:hover {
+ background-color: #553c9a;
+ }
+
+ .xl\:hover\:bg-purple-900:hover {
+ background-color: #44337a;
+ }
+
+ .xl\:hover\:bg-pink-100:hover {
+ background-color: #fff5f7;
+ }
+
+ .xl\:hover\:bg-pink-200:hover {
+ background-color: #fed7e2;
+ }
+
+ .xl\:hover\:bg-pink-300:hover {
+ background-color: #fbb6ce;
+ }
+
+ .xl\:hover\:bg-pink-400:hover {
+ background-color: #f687b3;
+ }
+
+ .xl\:hover\:bg-pink-500:hover {
+ background-color: #ed64a6;
+ }
+
+ .xl\:hover\:bg-pink-600:hover {
+ background-color: #d53f8c;
+ }
+
+ .xl\:hover\:bg-pink-700:hover {
+ background-color: #b83280;
+ }
+
+ .xl\:hover\:bg-pink-800:hover {
+ background-color: #97266d;
+ }
+
+ .xl\:hover\:bg-pink-900:hover {
+ background-color: #702459;
+ }
+
+ .xl\:focus\:bg-transparent:focus {
+ background-color: transparent;
+ }
+
+ .xl\:focus\:bg-current:focus {
+ background-color: currentColor;
+ }
+
+ .xl\:focus\:bg-black:focus {
+ background-color: #000;
+ }
+
+ .xl\:focus\:bg-white:focus {
+ background-color: #fff;
+ }
+
+ .xl\:focus\:bg-gray-100:focus {
+ background-color: #f7fafc;
+ }
+
+ .xl\:focus\:bg-gray-200:focus {
+ background-color: #edf2f7;
+ }
+
+ .xl\:focus\:bg-gray-300:focus {
+ background-color: #e2e8f0;
+ }
+
+ .xl\:focus\:bg-gray-400:focus {
+ background-color: #cbd5e0;
+ }
+
+ .xl\:focus\:bg-gray-500:focus {
+ background-color: #a0aec0;
+ }
+
+ .xl\:focus\:bg-gray-600:focus {
+ background-color: #718096;
+ }
+
+ .xl\:focus\:bg-gray-700:focus {
+ background-color: #4a5568;
+ }
+
+ .xl\:focus\:bg-gray-800:focus {
+ background-color: #2d3748;
+ }
+
+ .xl\:focus\:bg-gray-900:focus {
+ background-color: #1a202c;
+ }
+
+ .xl\:focus\:bg-red-100:focus {
+ background-color: #fff5f5;
+ }
+
+ .xl\:focus\:bg-red-200:focus {
+ background-color: #fed7d7;
+ }
+
+ .xl\:focus\:bg-red-300:focus {
+ background-color: #feb2b2;
+ }
+
+ .xl\:focus\:bg-red-400:focus {
+ background-color: #fc8181;
+ }
+
+ .xl\:focus\:bg-red-500:focus {
+ background-color: #f56565;
+ }
+
+ .xl\:focus\:bg-red-600:focus {
+ background-color: #e53e3e;
+ }
+
+ .xl\:focus\:bg-red-700:focus {
+ background-color: #c53030;
+ }
+
+ .xl\:focus\:bg-red-800:focus {
+ background-color: #9b2c2c;
+ }
+
+ .xl\:focus\:bg-red-900:focus {
+ background-color: #742a2a;
+ }
+
+ .xl\:focus\:bg-orange-100:focus {
+ background-color: #fffaf0;
+ }
+
+ .xl\:focus\:bg-orange-200:focus {
+ background-color: #feebc8;
+ }
+
+ .xl\:focus\:bg-orange-300:focus {
+ background-color: #fbd38d;
+ }
+
+ .xl\:focus\:bg-orange-400:focus {
+ background-color: #f6ad55;
+ }
+
+ .xl\:focus\:bg-orange-500:focus {
+ background-color: #ed8936;
+ }
+
+ .xl\:focus\:bg-orange-600:focus {
+ background-color: #dd6b20;
+ }
+
+ .xl\:focus\:bg-orange-700:focus {
+ background-color: #c05621;
+ }
+
+ .xl\:focus\:bg-orange-800:focus {
+ background-color: #9c4221;
+ }
+
+ .xl\:focus\:bg-orange-900:focus {
+ background-color: #7b341e;
+ }
+
+ .xl\:focus\:bg-yellow-100:focus {
+ background-color: #fffff0;
+ }
+
+ .xl\:focus\:bg-yellow-200:focus {
+ background-color: #fefcbf;
+ }
+
+ .xl\:focus\:bg-yellow-300:focus {
+ background-color: #faf089;
+ }
+
+ .xl\:focus\:bg-yellow-400:focus {
+ background-color: #f6e05e;
+ }
+
+ .xl\:focus\:bg-yellow-500:focus {
+ background-color: #ecc94b;
+ }
+
+ .xl\:focus\:bg-yellow-600:focus {
+ background-color: #d69e2e;
+ }
+
+ .xl\:focus\:bg-yellow-700:focus {
+ background-color: #b7791f;
+ }
+
+ .xl\:focus\:bg-yellow-800:focus {
+ background-color: #975a16;
+ }
+
+ .xl\:focus\:bg-yellow-900:focus {
+ background-color: #744210;
+ }
+
+ .xl\:focus\:bg-green-100:focus {
+ background-color: #f0fff4;
+ }
+
+ .xl\:focus\:bg-green-200:focus {
+ background-color: #c6f6d5;
+ }
+
+ .xl\:focus\:bg-green-300:focus {
+ background-color: #9ae6b4;
+ }
+
+ .xl\:focus\:bg-green-400:focus {
+ background-color: #68d391;
+ }
+
+ .xl\:focus\:bg-green-500:focus {
+ background-color: #48bb78;
+ }
+
+ .xl\:focus\:bg-green-600:focus {
+ background-color: #38a169;
+ }
+
+ .xl\:focus\:bg-green-700:focus {
+ background-color: #2f855a;
+ }
+
+ .xl\:focus\:bg-green-800:focus {
+ background-color: #276749;
+ }
+
+ .xl\:focus\:bg-green-900:focus {
+ background-color: #22543d;
+ }
+
+ .xl\:focus\:bg-teal-100:focus {
+ background-color: #e6fffa;
+ }
+
+ .xl\:focus\:bg-teal-200:focus {
+ background-color: #b2f5ea;
+ }
+
+ .xl\:focus\:bg-teal-300:focus {
+ background-color: #81e6d9;
+ }
+
+ .xl\:focus\:bg-teal-400:focus {
+ background-color: #4fd1c5;
+ }
+
+ .xl\:focus\:bg-teal-500:focus {
+ background-color: #38b2ac;
+ }
+
+ .xl\:focus\:bg-teal-600:focus {
+ background-color: #319795;
+ }
+
+ .xl\:focus\:bg-teal-700:focus {
+ background-color: #2c7a7b;
+ }
+
+ .xl\:focus\:bg-teal-800:focus {
+ background-color: #285e61;
+ }
+
+ .xl\:focus\:bg-teal-900:focus {
+ background-color: #234e52;
+ }
+
+ .xl\:focus\:bg-blue-100:focus {
+ background-color: #ebf8ff;
+ }
+
+ .xl\:focus\:bg-blue-200:focus {
+ background-color: #bee3f8;
+ }
+
+ .xl\:focus\:bg-blue-300:focus {
+ background-color: #90cdf4;
+ }
+
+ .xl\:focus\:bg-blue-400:focus {
+ background-color: #63b3ed;
+ }
+
+ .xl\:focus\:bg-blue-500:focus {
+ background-color: #4299e1;
+ }
+
+ .xl\:focus\:bg-blue-600:focus {
+ background-color: #3182ce;
+ }
+
+ .xl\:focus\:bg-blue-700:focus {
+ background-color: #2b6cb0;
+ }
+
+ .xl\:focus\:bg-blue-800:focus {
+ background-color: #2c5282;
+ }
+
+ .xl\:focus\:bg-blue-900:focus {
+ background-color: #2a4365;
+ }
+
+ .xl\:focus\:bg-indigo-100:focus {
+ background-color: #ebf4ff;
+ }
+
+ .xl\:focus\:bg-indigo-200:focus {
+ background-color: #c3dafe;
+ }
+
+ .xl\:focus\:bg-indigo-300:focus {
+ background-color: #a3bffa;
+ }
+
+ .xl\:focus\:bg-indigo-400:focus {
+ background-color: #7f9cf5;
+ }
+
+ .xl\:focus\:bg-indigo-500:focus {
+ background-color: #667eea;
+ }
+
+ .xl\:focus\:bg-indigo-600:focus {
+ background-color: #5a67d8;
+ }
+
+ .xl\:focus\:bg-indigo-700:focus {
+ background-color: #4c51bf;
+ }
+
+ .xl\:focus\:bg-indigo-800:focus {
+ background-color: #434190;
+ }
+
+ .xl\:focus\:bg-indigo-900:focus {
+ background-color: #3c366b;
+ }
+
+ .xl\:focus\:bg-purple-100:focus {
+ background-color: #faf5ff;
+ }
+
+ .xl\:focus\:bg-purple-200:focus {
+ background-color: #e9d8fd;
+ }
+
+ .xl\:focus\:bg-purple-300:focus {
+ background-color: #d6bcfa;
+ }
+
+ .xl\:focus\:bg-purple-400:focus {
+ background-color: #b794f4;
+ }
+
+ .xl\:focus\:bg-purple-500:focus {
+ background-color: #9f7aea;
+ }
+
+ .xl\:focus\:bg-purple-600:focus {
+ background-color: #805ad5;
+ }
+
+ .xl\:focus\:bg-purple-700:focus {
+ background-color: #6b46c1;
+ }
+
+ .xl\:focus\:bg-purple-800:focus {
+ background-color: #553c9a;
+ }
+
+ .xl\:focus\:bg-purple-900:focus {
+ background-color: #44337a;
+ }
+
+ .xl\:focus\:bg-pink-100:focus {
+ background-color: #fff5f7;
+ }
+
+ .xl\:focus\:bg-pink-200:focus {
+ background-color: #fed7e2;
+ }
+
+ .xl\:focus\:bg-pink-300:focus {
+ background-color: #fbb6ce;
+ }
+
+ .xl\:focus\:bg-pink-400:focus {
+ background-color: #f687b3;
+ }
+
+ .xl\:focus\:bg-pink-500:focus {
+ background-color: #ed64a6;
+ }
+
+ .xl\:focus\:bg-pink-600:focus {
+ background-color: #d53f8c;
+ }
+
+ .xl\:focus\:bg-pink-700:focus {
+ background-color: #b83280;
+ }
+
+ .xl\:focus\:bg-pink-800:focus {
+ background-color: #97266d;
+ }
+
+ .xl\:focus\:bg-pink-900:focus {
+ background-color: #702459;
+ }
+
+ .xl\:bg-bottom {
+ background-position: bottom;
+ }
+
+ .xl\:bg-center {
+ background-position: center;
+ }
+
+ .xl\:bg-left {
+ background-position: left;
+ }
+
+ .xl\:bg-left-bottom {
+ background-position: left bottom;
+ }
+
+ .xl\:bg-left-top {
+ background-position: left top;
+ }
+
+ .xl\:bg-right {
+ background-position: right;
+ }
+
+ .xl\:bg-right-bottom {
+ background-position: right bottom;
+ }
+
+ .xl\:bg-right-top {
+ background-position: right top;
+ }
+
+ .xl\:bg-top {
+ background-position: top;
+ }
+
+ .xl\:bg-repeat {
+ background-repeat: repeat;
+ }
+
+ .xl\:bg-no-repeat {
+ background-repeat: no-repeat;
+ }
+
+ .xl\:bg-repeat-x {
+ background-repeat: repeat-x;
+ }
+
+ .xl\:bg-repeat-y {
+ background-repeat: repeat-y;
+ }
+
+ .xl\:bg-repeat-round {
+ background-repeat: round;
+ }
+
+ .xl\:bg-repeat-space {
+ background-repeat: space;
+ }
+
+ .xl\:bg-auto {
+ background-size: auto;
+ }
+
+ .xl\:bg-cover {
+ background-size: cover;
+ }
+
+ .xl\:bg-contain {
+ background-size: contain;
+ }
+
+ .xl\:border-collapse {
+ border-collapse: collapse;
+ }
+
+ .xl\:border-separate {
+ border-collapse: separate;
+ }
+
+ .xl\:border-transparent {
+ border-color: transparent;
+ }
+
+ .xl\:border-current {
+ border-color: currentColor;
+ }
+
+ .xl\:border-black {
+ border-color: #000;
+ }
+
+ .xl\:border-white {
+ border-color: #fff;
+ }
+
+ .xl\:border-gray-100 {
+ border-color: #f7fafc;
+ }
+
+ .xl\:border-gray-200 {
+ border-color: #edf2f7;
+ }
+
+ .xl\:border-gray-300 {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:border-gray-400 {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:border-gray-500 {
+ border-color: #a0aec0;
+ }
+
+ .xl\:border-gray-600 {
+ border-color: #718096;
+ }
+
+ .xl\:border-gray-700 {
+ border-color: #4a5568;
+ }
+
+ .xl\:border-gray-800 {
+ border-color: #2d3748;
+ }
+
+ .xl\:border-gray-900 {
+ border-color: #1a202c;
+ }
+
+ .xl\:border-red-100 {
+ border-color: #fff5f5;
+ }
+
+ .xl\:border-red-200 {
+ border-color: #fed7d7;
+ }
+
+ .xl\:border-red-300 {
+ border-color: #feb2b2;
+ }
+
+ .xl\:border-red-400 {
+ border-color: #fc8181;
+ }
+
+ .xl\:border-red-500 {
+ border-color: #f56565;
+ }
+
+ .xl\:border-red-600 {
+ border-color: #e53e3e;
+ }
+
+ .xl\:border-red-700 {
+ border-color: #c53030;
+ }
+
+ .xl\:border-red-800 {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:border-red-900 {
+ border-color: #742a2a;
+ }
+
+ .xl\:border-orange-100 {
+ border-color: #fffaf0;
+ }
+
+ .xl\:border-orange-200 {
+ border-color: #feebc8;
+ }
+
+ .xl\:border-orange-300 {
+ border-color: #fbd38d;
+ }
+
+ .xl\:border-orange-400 {
+ border-color: #f6ad55;
+ }
+
+ .xl\:border-orange-500 {
+ border-color: #ed8936;
+ }
+
+ .xl\:border-orange-600 {
+ border-color: #dd6b20;
+ }
+
+ .xl\:border-orange-700 {
+ border-color: #c05621;
+ }
+
+ .xl\:border-orange-800 {
+ border-color: #9c4221;
+ }
+
+ .xl\:border-orange-900 {
+ border-color: #7b341e;
+ }
+
+ .xl\:border-yellow-100 {
+ border-color: #fffff0;
+ }
+
+ .xl\:border-yellow-200 {
+ border-color: #fefcbf;
+ }
+
+ .xl\:border-yellow-300 {
+ border-color: #faf089;
+ }
+
+ .xl\:border-yellow-400 {
+ border-color: #f6e05e;
+ }
+
+ .xl\:border-yellow-500 {
+ border-color: #ecc94b;
+ }
+
+ .xl\:border-yellow-600 {
+ border-color: #d69e2e;
+ }
+
+ .xl\:border-yellow-700 {
+ border-color: #b7791f;
+ }
+
+ .xl\:border-yellow-800 {
+ border-color: #975a16;
+ }
+
+ .xl\:border-yellow-900 {
+ border-color: #744210;
+ }
+
+ .xl\:border-green-100 {
+ border-color: #f0fff4;
+ }
+
+ .xl\:border-green-200 {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:border-green-300 {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:border-green-400 {
+ border-color: #68d391;
+ }
+
+ .xl\:border-green-500 {
+ border-color: #48bb78;
+ }
+
+ .xl\:border-green-600 {
+ border-color: #38a169;
+ }
+
+ .xl\:border-green-700 {
+ border-color: #2f855a;
+ }
+
+ .xl\:border-green-800 {
+ border-color: #276749;
+ }
+
+ .xl\:border-green-900 {
+ border-color: #22543d;
+ }
+
+ .xl\:border-teal-100 {
+ border-color: #e6fffa;
+ }
+
+ .xl\:border-teal-200 {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:border-teal-300 {
+ border-color: #81e6d9;
+ }
+
+ .xl\:border-teal-400 {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:border-teal-500 {
+ border-color: #38b2ac;
+ }
+
+ .xl\:border-teal-600 {
+ border-color: #319795;
+ }
+
+ .xl\:border-teal-700 {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:border-teal-800 {
+ border-color: #285e61;
+ }
+
+ .xl\:border-teal-900 {
+ border-color: #234e52;
+ }
+
+ .xl\:border-blue-100 {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:border-blue-200 {
+ border-color: #bee3f8;
+ }
+
+ .xl\:border-blue-300 {
+ border-color: #90cdf4;
+ }
+
+ .xl\:border-blue-400 {
+ border-color: #63b3ed;
+ }
+
+ .xl\:border-blue-500 {
+ border-color: #4299e1;
+ }
+
+ .xl\:border-blue-600 {
+ border-color: #3182ce;
+ }
+
+ .xl\:border-blue-700 {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:border-blue-800 {
+ border-color: #2c5282;
+ }
+
+ .xl\:border-blue-900 {
+ border-color: #2a4365;
+ }
+
+ .xl\:border-indigo-100 {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:border-indigo-200 {
+ border-color: #c3dafe;
+ }
+
+ .xl\:border-indigo-300 {
+ border-color: #a3bffa;
+ }
+
+ .xl\:border-indigo-400 {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:border-indigo-500 {
+ border-color: #667eea;
+ }
+
+ .xl\:border-indigo-600 {
+ border-color: #5a67d8;
+ }
+
+ .xl\:border-indigo-700 {
+ border-color: #4c51bf;
+ }
+
+ .xl\:border-indigo-800 {
+ border-color: #434190;
+ }
+
+ .xl\:border-indigo-900 {
+ border-color: #3c366b;
+ }
+
+ .xl\:border-purple-100 {
+ border-color: #faf5ff;
+ }
+
+ .xl\:border-purple-200 {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:border-purple-300 {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:border-purple-400 {
+ border-color: #b794f4;
+ }
+
+ .xl\:border-purple-500 {
+ border-color: #9f7aea;
+ }
+
+ .xl\:border-purple-600 {
+ border-color: #805ad5;
+ }
+
+ .xl\:border-purple-700 {
+ border-color: #6b46c1;
+ }
+
+ .xl\:border-purple-800 {
+ border-color: #553c9a;
+ }
+
+ .xl\:border-purple-900 {
+ border-color: #44337a;
+ }
+
+ .xl\:border-pink-100 {
+ border-color: #fff5f7;
+ }
+
+ .xl\:border-pink-200 {
+ border-color: #fed7e2;
+ }
+
+ .xl\:border-pink-300 {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:border-pink-400 {
+ border-color: #f687b3;
+ }
+
+ .xl\:border-pink-500 {
+ border-color: #ed64a6;
+ }
+
+ .xl\:border-pink-600 {
+ border-color: #d53f8c;
+ }
+
+ .xl\:border-pink-700 {
+ border-color: #b83280;
+ }
+
+ .xl\:border-pink-800 {
+ border-color: #97266d;
+ }
+
+ .xl\:border-pink-900 {
+ border-color: #702459;
+ }
+
+ .xl\:hover\:border-transparent:hover {
+ border-color: transparent;
+ }
+
+ .xl\:hover\:border-current:hover {
+ border-color: currentColor;
+ }
+
+ .xl\:hover\:border-black:hover {
+ border-color: #000;
+ }
+
+ .xl\:hover\:border-white:hover {
+ border-color: #fff;
+ }
+
+ .xl\:hover\:border-gray-100:hover {
+ border-color: #f7fafc;
+ }
+
+ .xl\:hover\:border-gray-200:hover {
+ border-color: #edf2f7;
+ }
+
+ .xl\:hover\:border-gray-300:hover {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:hover\:border-gray-400:hover {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:hover\:border-gray-500:hover {
+ border-color: #a0aec0;
+ }
+
+ .xl\:hover\:border-gray-600:hover {
+ border-color: #718096;
+ }
+
+ .xl\:hover\:border-gray-700:hover {
+ border-color: #4a5568;
+ }
+
+ .xl\:hover\:border-gray-800:hover {
+ border-color: #2d3748;
+ }
+
+ .xl\:hover\:border-gray-900:hover {
+ border-color: #1a202c;
+ }
+
+ .xl\:hover\:border-red-100:hover {
+ border-color: #fff5f5;
+ }
+
+ .xl\:hover\:border-red-200:hover {
+ border-color: #fed7d7;
+ }
+
+ .xl\:hover\:border-red-300:hover {
+ border-color: #feb2b2;
+ }
+
+ .xl\:hover\:border-red-400:hover {
+ border-color: #fc8181;
+ }
+
+ .xl\:hover\:border-red-500:hover {
+ border-color: #f56565;
+ }
+
+ .xl\:hover\:border-red-600:hover {
+ border-color: #e53e3e;
+ }
+
+ .xl\:hover\:border-red-700:hover {
+ border-color: #c53030;
+ }
+
+ .xl\:hover\:border-red-800:hover {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:hover\:border-red-900:hover {
+ border-color: #742a2a;
+ }
+
+ .xl\:hover\:border-orange-100:hover {
+ border-color: #fffaf0;
+ }
+
+ .xl\:hover\:border-orange-200:hover {
+ border-color: #feebc8;
+ }
+
+ .xl\:hover\:border-orange-300:hover {
+ border-color: #fbd38d;
+ }
+
+ .xl\:hover\:border-orange-400:hover {
+ border-color: #f6ad55;
+ }
+
+ .xl\:hover\:border-orange-500:hover {
+ border-color: #ed8936;
+ }
+
+ .xl\:hover\:border-orange-600:hover {
+ border-color: #dd6b20;
+ }
+
+ .xl\:hover\:border-orange-700:hover {
+ border-color: #c05621;
+ }
+
+ .xl\:hover\:border-orange-800:hover {
+ border-color: #9c4221;
+ }
+
+ .xl\:hover\:border-orange-900:hover {
+ border-color: #7b341e;
+ }
+
+ .xl\:hover\:border-yellow-100:hover {
+ border-color: #fffff0;
+ }
+
+ .xl\:hover\:border-yellow-200:hover {
+ border-color: #fefcbf;
+ }
+
+ .xl\:hover\:border-yellow-300:hover {
+ border-color: #faf089;
+ }
+
+ .xl\:hover\:border-yellow-400:hover {
+ border-color: #f6e05e;
+ }
+
+ .xl\:hover\:border-yellow-500:hover {
+ border-color: #ecc94b;
+ }
+
+ .xl\:hover\:border-yellow-600:hover {
+ border-color: #d69e2e;
+ }
+
+ .xl\:hover\:border-yellow-700:hover {
+ border-color: #b7791f;
+ }
+
+ .xl\:hover\:border-yellow-800:hover {
+ border-color: #975a16;
+ }
+
+ .xl\:hover\:border-yellow-900:hover {
+ border-color: #744210;
+ }
+
+ .xl\:hover\:border-green-100:hover {
+ border-color: #f0fff4;
+ }
+
+ .xl\:hover\:border-green-200:hover {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:hover\:border-green-300:hover {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:hover\:border-green-400:hover {
+ border-color: #68d391;
+ }
+
+ .xl\:hover\:border-green-500:hover {
+ border-color: #48bb78;
+ }
+
+ .xl\:hover\:border-green-600:hover {
+ border-color: #38a169;
+ }
+
+ .xl\:hover\:border-green-700:hover {
+ border-color: #2f855a;
+ }
+
+ .xl\:hover\:border-green-800:hover {
+ border-color: #276749;
+ }
+
+ .xl\:hover\:border-green-900:hover {
+ border-color: #22543d;
+ }
+
+ .xl\:hover\:border-teal-100:hover {
+ border-color: #e6fffa;
+ }
+
+ .xl\:hover\:border-teal-200:hover {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:hover\:border-teal-300:hover {
+ border-color: #81e6d9;
+ }
+
+ .xl\:hover\:border-teal-400:hover {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:hover\:border-teal-500:hover {
+ border-color: #38b2ac;
+ }
+
+ .xl\:hover\:border-teal-600:hover {
+ border-color: #319795;
+ }
+
+ .xl\:hover\:border-teal-700:hover {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:hover\:border-teal-800:hover {
+ border-color: #285e61;
+ }
+
+ .xl\:hover\:border-teal-900:hover {
+ border-color: #234e52;
+ }
+
+ .xl\:hover\:border-blue-100:hover {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:hover\:border-blue-200:hover {
+ border-color: #bee3f8;
+ }
+
+ .xl\:hover\:border-blue-300:hover {
+ border-color: #90cdf4;
+ }
+
+ .xl\:hover\:border-blue-400:hover {
+ border-color: #63b3ed;
+ }
+
+ .xl\:hover\:border-blue-500:hover {
+ border-color: #4299e1;
+ }
+
+ .xl\:hover\:border-blue-600:hover {
+ border-color: #3182ce;
+ }
+
+ .xl\:hover\:border-blue-700:hover {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:hover\:border-blue-800:hover {
+ border-color: #2c5282;
+ }
+
+ .xl\:hover\:border-blue-900:hover {
+ border-color: #2a4365;
+ }
+
+ .xl\:hover\:border-indigo-100:hover {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:hover\:border-indigo-200:hover {
+ border-color: #c3dafe;
+ }
+
+ .xl\:hover\:border-indigo-300:hover {
+ border-color: #a3bffa;
+ }
+
+ .xl\:hover\:border-indigo-400:hover {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:hover\:border-indigo-500:hover {
+ border-color: #667eea;
+ }
+
+ .xl\:hover\:border-indigo-600:hover {
+ border-color: #5a67d8;
+ }
+
+ .xl\:hover\:border-indigo-700:hover {
+ border-color: #4c51bf;
+ }
+
+ .xl\:hover\:border-indigo-800:hover {
+ border-color: #434190;
+ }
+
+ .xl\:hover\:border-indigo-900:hover {
+ border-color: #3c366b;
+ }
+
+ .xl\:hover\:border-purple-100:hover {
+ border-color: #faf5ff;
+ }
+
+ .xl\:hover\:border-purple-200:hover {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:hover\:border-purple-300:hover {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:hover\:border-purple-400:hover {
+ border-color: #b794f4;
+ }
+
+ .xl\:hover\:border-purple-500:hover {
+ border-color: #9f7aea;
+ }
+
+ .xl\:hover\:border-purple-600:hover {
+ border-color: #805ad5;
+ }
+
+ .xl\:hover\:border-purple-700:hover {
+ border-color: #6b46c1;
+ }
+
+ .xl\:hover\:border-purple-800:hover {
+ border-color: #553c9a;
+ }
+
+ .xl\:hover\:border-purple-900:hover {
+ border-color: #44337a;
+ }
+
+ .xl\:hover\:border-pink-100:hover {
+ border-color: #fff5f7;
+ }
+
+ .xl\:hover\:border-pink-200:hover {
+ border-color: #fed7e2;
+ }
+
+ .xl\:hover\:border-pink-300:hover {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:hover\:border-pink-400:hover {
+ border-color: #f687b3;
+ }
+
+ .xl\:hover\:border-pink-500:hover {
+ border-color: #ed64a6;
+ }
+
+ .xl\:hover\:border-pink-600:hover {
+ border-color: #d53f8c;
+ }
+
+ .xl\:hover\:border-pink-700:hover {
+ border-color: #b83280;
+ }
+
+ .xl\:hover\:border-pink-800:hover {
+ border-color: #97266d;
+ }
+
+ .xl\:hover\:border-pink-900:hover {
+ border-color: #702459;
+ }
+
+ .xl\:focus\:border-transparent:focus {
+ border-color: transparent;
+ }
+
+ .xl\:focus\:border-current:focus {
+ border-color: currentColor;
+ }
+
+ .xl\:focus\:border-black:focus {
+ border-color: #000;
+ }
+
+ .xl\:focus\:border-white:focus {
+ border-color: #fff;
+ }
+
+ .xl\:focus\:border-gray-100:focus {
+ border-color: #f7fafc;
+ }
+
+ .xl\:focus\:border-gray-200:focus {
+ border-color: #edf2f7;
+ }
+
+ .xl\:focus\:border-gray-300:focus {
+ border-color: #e2e8f0;
+ }
+
+ .xl\:focus\:border-gray-400:focus {
+ border-color: #cbd5e0;
+ }
+
+ .xl\:focus\:border-gray-500:focus {
+ border-color: #a0aec0;
+ }
+
+ .xl\:focus\:border-gray-600:focus {
+ border-color: #718096;
+ }
+
+ .xl\:focus\:border-gray-700:focus {
+ border-color: #4a5568;
+ }
+
+ .xl\:focus\:border-gray-800:focus {
+ border-color: #2d3748;
+ }
+
+ .xl\:focus\:border-gray-900:focus {
+ border-color: #1a202c;
+ }
+
+ .xl\:focus\:border-red-100:focus {
+ border-color: #fff5f5;
+ }
+
+ .xl\:focus\:border-red-200:focus {
+ border-color: #fed7d7;
+ }
+
+ .xl\:focus\:border-red-300:focus {
+ border-color: #feb2b2;
+ }
+
+ .xl\:focus\:border-red-400:focus {
+ border-color: #fc8181;
+ }
+
+ .xl\:focus\:border-red-500:focus {
+ border-color: #f56565;
+ }
+
+ .xl\:focus\:border-red-600:focus {
+ border-color: #e53e3e;
+ }
+
+ .xl\:focus\:border-red-700:focus {
+ border-color: #c53030;
+ }
+
+ .xl\:focus\:border-red-800:focus {
+ border-color: #9b2c2c;
+ }
+
+ .xl\:focus\:border-red-900:focus {
+ border-color: #742a2a;
+ }
+
+ .xl\:focus\:border-orange-100:focus {
+ border-color: #fffaf0;
+ }
+
+ .xl\:focus\:border-orange-200:focus {
+ border-color: #feebc8;
+ }
+
+ .xl\:focus\:border-orange-300:focus {
+ border-color: #fbd38d;
+ }
+
+ .xl\:focus\:border-orange-400:focus {
+ border-color: #f6ad55;
+ }
+
+ .xl\:focus\:border-orange-500:focus {
+ border-color: #ed8936;
+ }
+
+ .xl\:focus\:border-orange-600:focus {
+ border-color: #dd6b20;
+ }
+
+ .xl\:focus\:border-orange-700:focus {
+ border-color: #c05621;
+ }
+
+ .xl\:focus\:border-orange-800:focus {
+ border-color: #9c4221;
+ }
+
+ .xl\:focus\:border-orange-900:focus {
+ border-color: #7b341e;
+ }
+
+ .xl\:focus\:border-yellow-100:focus {
+ border-color: #fffff0;
+ }
+
+ .xl\:focus\:border-yellow-200:focus {
+ border-color: #fefcbf;
+ }
+
+ .xl\:focus\:border-yellow-300:focus {
+ border-color: #faf089;
+ }
+
+ .xl\:focus\:border-yellow-400:focus {
+ border-color: #f6e05e;
+ }
+
+ .xl\:focus\:border-yellow-500:focus {
+ border-color: #ecc94b;
+ }
+
+ .xl\:focus\:border-yellow-600:focus {
+ border-color: #d69e2e;
+ }
+
+ .xl\:focus\:border-yellow-700:focus {
+ border-color: #b7791f;
+ }
+
+ .xl\:focus\:border-yellow-800:focus {
+ border-color: #975a16;
+ }
+
+ .xl\:focus\:border-yellow-900:focus {
+ border-color: #744210;
+ }
+
+ .xl\:focus\:border-green-100:focus {
+ border-color: #f0fff4;
+ }
+
+ .xl\:focus\:border-green-200:focus {
+ border-color: #c6f6d5;
+ }
+
+ .xl\:focus\:border-green-300:focus {
+ border-color: #9ae6b4;
+ }
+
+ .xl\:focus\:border-green-400:focus {
+ border-color: #68d391;
+ }
+
+ .xl\:focus\:border-green-500:focus {
+ border-color: #48bb78;
+ }
+
+ .xl\:focus\:border-green-600:focus {
+ border-color: #38a169;
+ }
+
+ .xl\:focus\:border-green-700:focus {
+ border-color: #2f855a;
+ }
+
+ .xl\:focus\:border-green-800:focus {
+ border-color: #276749;
+ }
+
+ .xl\:focus\:border-green-900:focus {
+ border-color: #22543d;
+ }
+
+ .xl\:focus\:border-teal-100:focus {
+ border-color: #e6fffa;
+ }
+
+ .xl\:focus\:border-teal-200:focus {
+ border-color: #b2f5ea;
+ }
+
+ .xl\:focus\:border-teal-300:focus {
+ border-color: #81e6d9;
+ }
+
+ .xl\:focus\:border-teal-400:focus {
+ border-color: #4fd1c5;
+ }
+
+ .xl\:focus\:border-teal-500:focus {
+ border-color: #38b2ac;
+ }
+
+ .xl\:focus\:border-teal-600:focus {
+ border-color: #319795;
+ }
+
+ .xl\:focus\:border-teal-700:focus {
+ border-color: #2c7a7b;
+ }
+
+ .xl\:focus\:border-teal-800:focus {
+ border-color: #285e61;
+ }
+
+ .xl\:focus\:border-teal-900:focus {
+ border-color: #234e52;
+ }
+
+ .xl\:focus\:border-blue-100:focus {
+ border-color: #ebf8ff;
+ }
+
+ .xl\:focus\:border-blue-200:focus {
+ border-color: #bee3f8;
+ }
+
+ .xl\:focus\:border-blue-300:focus {
+ border-color: #90cdf4;
+ }
+
+ .xl\:focus\:border-blue-400:focus {
+ border-color: #63b3ed;
+ }
+
+ .xl\:focus\:border-blue-500:focus {
+ border-color: #4299e1;
+ }
+
+ .xl\:focus\:border-blue-600:focus {
+ border-color: #3182ce;
+ }
+
+ .xl\:focus\:border-blue-700:focus {
+ border-color: #2b6cb0;
+ }
+
+ .xl\:focus\:border-blue-800:focus {
+ border-color: #2c5282;
+ }
+
+ .xl\:focus\:border-blue-900:focus {
+ border-color: #2a4365;
+ }
+
+ .xl\:focus\:border-indigo-100:focus {
+ border-color: #ebf4ff;
+ }
+
+ .xl\:focus\:border-indigo-200:focus {
+ border-color: #c3dafe;
+ }
+
+ .xl\:focus\:border-indigo-300:focus {
+ border-color: #a3bffa;
+ }
+
+ .xl\:focus\:border-indigo-400:focus {
+ border-color: #7f9cf5;
+ }
+
+ .xl\:focus\:border-indigo-500:focus {
+ border-color: #667eea;
+ }
+
+ .xl\:focus\:border-indigo-600:focus {
+ border-color: #5a67d8;
+ }
+
+ .xl\:focus\:border-indigo-700:focus {
+ border-color: #4c51bf;
+ }
+
+ .xl\:focus\:border-indigo-800:focus {
+ border-color: #434190;
+ }
+
+ .xl\:focus\:border-indigo-900:focus {
+ border-color: #3c366b;
+ }
+
+ .xl\:focus\:border-purple-100:focus {
+ border-color: #faf5ff;
+ }
+
+ .xl\:focus\:border-purple-200:focus {
+ border-color: #e9d8fd;
+ }
+
+ .xl\:focus\:border-purple-300:focus {
+ border-color: #d6bcfa;
+ }
+
+ .xl\:focus\:border-purple-400:focus {
+ border-color: #b794f4;
+ }
+
+ .xl\:focus\:border-purple-500:focus {
+ border-color: #9f7aea;
+ }
+
+ .xl\:focus\:border-purple-600:focus {
+ border-color: #805ad5;
+ }
+
+ .xl\:focus\:border-purple-700:focus {
+ border-color: #6b46c1;
+ }
+
+ .xl\:focus\:border-purple-800:focus {
+ border-color: #553c9a;
+ }
+
+ .xl\:focus\:border-purple-900:focus {
+ border-color: #44337a;
+ }
+
+ .xl\:focus\:border-pink-100:focus {
+ border-color: #fff5f7;
+ }
+
+ .xl\:focus\:border-pink-200:focus {
+ border-color: #fed7e2;
+ }
+
+ .xl\:focus\:border-pink-300:focus {
+ border-color: #fbb6ce;
+ }
+
+ .xl\:focus\:border-pink-400:focus {
+ border-color: #f687b3;
+ }
+
+ .xl\:focus\:border-pink-500:focus {
+ border-color: #ed64a6;
+ }
+
+ .xl\:focus\:border-pink-600:focus {
+ border-color: #d53f8c;
+ }
+
+ .xl\:focus\:border-pink-700:focus {
+ border-color: #b83280;
+ }
+
+ .xl\:focus\:border-pink-800:focus {
+ border-color: #97266d;
+ }
+
+ .xl\:focus\:border-pink-900:focus {
+ border-color: #702459;
+ }
+
+ .xl\:rounded-none {
+ border-radius: 0;
+ }
+
+ .xl\:rounded-sm {
+ border-radius: 0.125rem;
+ }
+
+ .xl\:rounded {
+ border-radius: 0.25rem;
+ }
+
+ .xl\:rounded-md {
+ border-radius: 0.375rem;
+ }
+
+ .xl\:rounded-lg {
+ border-radius: 0.5rem;
+ }
+
+ .xl\:rounded-full {
+ border-radius: 9999px;
+ }
+
+ .xl\:rounded-t-none {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ .xl\:rounded-r-none {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ .xl\:rounded-b-none {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-l-none {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-t-sm {
+ border-top-left-radius: 0.125rem;
+ border-top-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-r-sm {
+ border-top-right-radius: 0.125rem;
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-b-sm {
+ border-bottom-right-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-l-sm {
+ border-top-left-radius: 0.125rem;
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-t {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-r {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-b {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-l {
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-t-md {
+ border-top-left-radius: 0.375rem;
+ border-top-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-r-md {
+ border-top-right-radius: 0.375rem;
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-b-md {
+ border-bottom-right-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-l-md {
+ border-top-left-radius: 0.375rem;
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-t-lg {
+ border-top-left-radius: 0.5rem;
+ border-top-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-r-lg {
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-b-lg {
+ border-bottom-right-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-l-lg {
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-t-full {
+ border-top-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ }
+
+ .xl\:rounded-r-full {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+ }
+
+ .xl\:rounded-b-full {
+ border-bottom-right-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:rounded-l-full {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:rounded-tl-none {
+ border-top-left-radius: 0;
+ }
+
+ .xl\:rounded-tr-none {
+ border-top-right-radius: 0;
+ }
+
+ .xl\:rounded-br-none {
+ border-bottom-right-radius: 0;
+ }
+
+ .xl\:rounded-bl-none {
+ border-bottom-left-radius: 0;
+ }
+
+ .xl\:rounded-tl-sm {
+ border-top-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-tr-sm {
+ border-top-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-br-sm {
+ border-bottom-right-radius: 0.125rem;
+ }
+
+ .xl\:rounded-bl-sm {
+ border-bottom-left-radius: 0.125rem;
+ }
+
+ .xl\:rounded-tl {
+ border-top-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-tr {
+ border-top-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-br {
+ border-bottom-right-radius: 0.25rem;
+ }
+
+ .xl\:rounded-bl {
+ border-bottom-left-radius: 0.25rem;
+ }
+
+ .xl\:rounded-tl-md {
+ border-top-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-tr-md {
+ border-top-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-br-md {
+ border-bottom-right-radius: 0.375rem;
+ }
+
+ .xl\:rounded-bl-md {
+ border-bottom-left-radius: 0.375rem;
+ }
+
+ .xl\:rounded-tl-lg {
+ border-top-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-tr-lg {
+ border-top-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-br-lg {
+ border-bottom-right-radius: 0.5rem;
+ }
+
+ .xl\:rounded-bl-lg {
+ border-bottom-left-radius: 0.5rem;
+ }
+
+ .xl\:rounded-tl-full {
+ border-top-left-radius: 9999px;
+ }
+
+ .xl\:rounded-tr-full {
+ border-top-right-radius: 9999px;
+ }
+
+ .xl\:rounded-br-full {
+ border-bottom-right-radius: 9999px;
+ }
+
+ .xl\:rounded-bl-full {
+ border-bottom-left-radius: 9999px;
+ }
+
+ .xl\:border-solid {
+ border-style: solid;
+ }
+
+ .xl\:border-dashed {
+ border-style: dashed;
+ }
+
+ .xl\:border-dotted {
+ border-style: dotted;
+ }
+
+ .xl\:border-double {
+ border-style: double;
+ }
+
+ .xl\:border-none {
+ border-style: none;
+ }
+
+ .xl\:border-0 {
+ border-width: 0;
+ }
+
+ .xl\:border-2 {
+ border-width: 2px;
+ }
+
+ .xl\:border-4 {
+ border-width: 4px;
+ }
+
+ .xl\:border-8 {
+ border-width: 8px;
+ }
+
+ .xl\:border {
+ border-width: 1px;
+ }
+
+ .xl\:border-t-0 {
+ border-top-width: 0;
+ }
+
+ .xl\:border-r-0 {
+ border-right-width: 0;
+ }
+
+ .xl\:border-b-0 {
+ border-bottom-width: 0;
+ }
+
+ .xl\:border-l-0 {
+ border-left-width: 0;
+ }
+
+ .xl\:border-t-2 {
+ border-top-width: 2px;
+ }
+
+ .xl\:border-r-2 {
+ border-right-width: 2px;
+ }
+
+ .xl\:border-b-2 {
+ border-bottom-width: 2px;
+ }
+
+ .xl\:border-l-2 {
+ border-left-width: 2px;
+ }
+
+ .xl\:border-t-4 {
+ border-top-width: 4px;
+ }
+
+ .xl\:border-r-4 {
+ border-right-width: 4px;
+ }
+
+ .xl\:border-b-4 {
+ border-bottom-width: 4px;
+ }
+
+ .xl\:border-l-4 {
+ border-left-width: 4px;
+ }
+
+ .xl\:border-t-8 {
+ border-top-width: 8px;
+ }
+
+ .xl\:border-r-8 {
+ border-right-width: 8px;
+ }
+
+ .xl\:border-b-8 {
+ border-bottom-width: 8px;
+ }
+
+ .xl\:border-l-8 {
+ border-left-width: 8px;
+ }
+
+ .xl\:border-t {
+ border-top-width: 1px;
+ }
+
+ .xl\:border-r {
+ border-right-width: 1px;
+ }
+
+ .xl\:border-b {
+ border-bottom-width: 1px;
+ }
+
+ .xl\:border-l {
+ border-left-width: 1px;
+ }
+
+ .xl\:box-border {
+ box-sizing: border-box;
+ }
+
+ .xl\:box-content {
+ box-sizing: content-box;
+ }
+
+ .xl\:cursor-auto {
+ cursor: auto;
+ }
+
+ .xl\:cursor-default {
+ cursor: default;
+ }
+
+ .xl\:cursor-pointer {
+ cursor: pointer;
+ }
+
+ .xl\:cursor-wait {
+ cursor: wait;
+ }
+
+ .xl\:cursor-text {
+ cursor: text;
+ }
+
+ .xl\:cursor-move {
+ cursor: move;
+ }
+
+ .xl\:cursor-not-allowed {
+ cursor: not-allowed;
+ }
+
+ .xl\:block {
+ display: block;
+ }
+
+ .xl\:inline-block {
+ display: inline-block;
+ }
+
+ .xl\:inline {
+ display: inline;
+ }
+
+ .xl\:flex {
+ display: flex;
+ }
+
+ .xl\:inline-flex {
+ display: inline-flex;
+ }
+
+ .xl\:table {
+ display: table;
+ }
+
+ .xl\:table-caption {
+ display: table-caption;
+ }
+
+ .xl\:table-cell {
+ display: table-cell;
+ }
+
+ .xl\:table-column {
+ display: table-column;
+ }
+
+ .xl\:table-column-group {
+ display: table-column-group;
+ }
+
+ .xl\:table-footer-group {
+ display: table-footer-group;
+ }
+
+ .xl\:table-header-group {
+ display: table-header-group;
+ }
+
+ .xl\:table-row-group {
+ display: table-row-group;
+ }
+
+ .xl\:table-row {
+ display: table-row;
+ }
+
+ .xl\:flow-root {
+ display: flow-root;
+ }
+
+ .xl\:grid {
+ display: grid;
+ }
+
+ .xl\:inline-grid {
+ display: inline-grid;
+ }
+
+ .xl\:hidden {
+ display: none;
+ }
+
+ .xl\:flex-row {
+ flex-direction: row;
+ }
+
+ .xl\:flex-row-reverse {
+ flex-direction: row-reverse;
+ }
+
+ .xl\:flex-col {
+ flex-direction: column;
+ }
+
+ .xl\:flex-col-reverse {
+ flex-direction: column-reverse;
+ }
+
+ .xl\:flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ .xl\:flex-wrap-reverse {
+ flex-wrap: wrap-reverse;
+ }
+
+ .xl\:flex-no-wrap {
+ flex-wrap: nowrap;
+ }
+
+ .xl\:items-start {
+ align-items: flex-start;
+ }
+
+ .xl\:items-end {
+ align-items: flex-end;
+ }
+
+ .xl\:items-center {
+ align-items: center;
+ }
+
+ .xl\:items-baseline {
+ align-items: baseline;
+ }
+
+ .xl\:items-stretch {
+ align-items: stretch;
+ }
+
+ .xl\:self-auto {
+ align-self: auto;
+ }
+
+ .xl\:self-start {
+ align-self: flex-start;
+ }
+
+ .xl\:self-end {
+ align-self: flex-end;
+ }
+
+ .xl\:self-center {
+ align-self: center;
+ }
+
+ .xl\:self-stretch {
+ align-self: stretch;
+ }
+
+ .xl\:justify-start {
+ justify-content: flex-start;
+ }
+
+ .xl\:justify-end {
+ justify-content: flex-end;
+ }
+
+ .xl\:justify-center {
+ justify-content: center;
+ }
+
+ .xl\:justify-between {
+ justify-content: space-between;
+ }
+
+ .xl\:justify-around {
+ justify-content: space-around;
+ }
+
+ .xl\:justify-evenly {
+ justify-content: space-evenly;
+ }
+
+ .xl\:content-center {
+ align-content: center;
+ }
+
+ .xl\:content-start {
+ align-content: flex-start;
+ }
+
+ .xl\:content-end {
+ align-content: flex-end;
+ }
+
+ .xl\:content-between {
+ align-content: space-between;
+ }
+
+ .xl\:content-around {
+ align-content: space-around;
+ }
+
+ .xl\:flex-1 {
+ flex: 1 1 0%;
+ }
+
+ .xl\:flex-auto {
+ flex: 1 1 auto;
+ }
+
+ .xl\:flex-initial {
+ flex: 0 1 auto;
+ }
+
+ .xl\:flex-none {
+ flex: none;
+ }
+
+ .xl\:flex-grow-0 {
+ flex-grow: 0;
+ }
+
+ .xl\:flex-grow {
+ flex-grow: 1;
+ }
+
+ .xl\:flex-shrink-0 {
+ flex-shrink: 0;
+ }
+
+ .xl\:flex-shrink {
+ flex-shrink: 1;
+ }
+
+ .xl\:order-1 {
+ order: 1;
+ }
+
+ .xl\:order-2 {
+ order: 2;
+ }
+
+ .xl\:order-3 {
+ order: 3;
+ }
+
+ .xl\:order-4 {
+ order: 4;
+ }
+
+ .xl\:order-5 {
+ order: 5;
+ }
+
+ .xl\:order-6 {
+ order: 6;
+ }
+
+ .xl\:order-7 {
+ order: 7;
+ }
+
+ .xl\:order-8 {
+ order: 8;
+ }
+
+ .xl\:order-9 {
+ order: 9;
+ }
+
+ .xl\:order-10 {
+ order: 10;
+ }
+
+ .xl\:order-11 {
+ order: 11;
+ }
+
+ .xl\:order-12 {
+ order: 12;
+ }
+
+ .xl\:order-first {
+ order: -9999;
+ }
+
+ .xl\:order-last {
+ order: 9999;
+ }
+
+ .xl\:order-none {
+ order: 0;
+ }
+
+ .xl\:float-right {
+ float: right;
+ }
+
+ .xl\:float-left {
+ float: left;
+ }
+
+ .xl\:float-none {
+ float: none;
+ }
+
+ .xl\:clearfix:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+
+ .xl\:clear-left {
+ clear: left;
+ }
+
+ .xl\:clear-right {
+ clear: right;
+ }
+
+ .xl\:clear-both {
+ clear: both;
+ }
+
+ .xl\:clear-none {
+ clear: none;
+ }
+
+ .xl\:font-sans {
+ font-family: 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\:font-serif {
+ font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+ }
+
+ .xl\:font-mono {
+ font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ }
+
+ .xl\:font-hairline {
+ font-weight: 100;
+ }
+
+ .xl\:font-thin {
+ font-weight: 200;
+ }
+
+ .xl\:font-light {
+ font-weight: 300;
+ }
+
+ .xl\:font-normal {
+ font-weight: 400;
+ }
+
+ .xl\:font-medium {
+ font-weight: 500;
+ }
+
+ .xl\:font-semibold {
+ font-weight: 600;
+ }
+
+ .xl\:font-bold {
+ font-weight: 700;
+ }
+
+ .xl\:font-extrabold {
+ font-weight: 800;
+ }
+
+ .xl\:font-black {
+ font-weight: 900;
+ }
+
+ .xl\:hover\:font-hairline:hover {
+ font-weight: 100;
+ }
+
+ .xl\:hover\:font-thin:hover {
+ font-weight: 200;
+ }
+
+ .xl\:hover\:font-light:hover {
+ font-weight: 300;
+ }
+
+ .xl\:hover\:font-normal:hover {
+ font-weight: 400;
+ }
+
+ .xl\:hover\:font-medium:hover {
+ font-weight: 500;
+ }
+
+ .xl\:hover\:font-semibold:hover {
+ font-weight: 600;
+ }
+
+ .xl\:hover\:font-bold:hover {
+ font-weight: 700;
+ }
+
+ .xl\:hover\:font-extrabold:hover {
+ font-weight: 800;
+ }
+
+ .xl\:hover\:font-black:hover {
+ font-weight: 900;
+ }
+
+ .xl\:focus\:font-hairline:focus {
+ font-weight: 100;
+ }
+
+ .xl\:focus\:font-thin:focus {
+ font-weight: 200;
+ }
+
+ .xl\:focus\:font-light:focus {
+ font-weight: 300;
+ }
+
+ .xl\:focus\:font-normal:focus {
+ font-weight: 400;
+ }
+
+ .xl\:focus\:font-medium:focus {
+ font-weight: 500;
+ }
+
+ .xl\:focus\:font-semibold:focus {
+ font-weight: 600;
+ }
+
+ .xl\:focus\:font-bold:focus {
+ font-weight: 700;
+ }
+
+ .xl\:focus\:font-extrabold:focus {
+ font-weight: 800;
+ }
+
+ .xl\:focus\:font-black:focus {
+ font-weight: 900;
+ }
+
+ .xl\:h-0 {
+ height: 0;
+ }
+
+ .xl\:h-1 {
+ height: 0.25rem;
+ }
+
+ .xl\:h-2 {
+ height: 0.5rem;
+ }
+
+ .xl\:h-3 {
+ height: 0.75rem;
+ }
+
+ .xl\:h-4 {
+ height: 1rem;
+ }
+
+ .xl\:h-5 {
+ height: 1.25rem;
+ }
+
+ .xl\:h-6 {
+ height: 1.5rem;
+ }
+
+ .xl\:h-8 {
+ height: 2rem;
+ }
+
+ .xl\:h-10 {
+ height: 2.5rem;
+ }
+
+ .xl\:h-12 {
+ height: 3rem;
+ }
+
+ .xl\:h-16 {
+ height: 4rem;
+ }
+
+ .xl\:h-20 {
+ height: 5rem;
+ }
+
+ .xl\:h-24 {
+ height: 6rem;
+ }
+
+ .xl\:h-32 {
+ height: 8rem;
+ }
+
+ .xl\:h-40 {
+ height: 10rem;
+ }
+
+ .xl\:h-48 {
+ height: 12rem;
+ }
+
+ .xl\:h-56 {
+ height: 14rem;
+ }
+
+ .xl\:h-64 {
+ height: 16rem;
+ }
+
+ .xl\:h-auto {
+ height: auto;
+ }
+
+ .xl\:h-px {
+ height: 1px;
+ }
+
+ .xl\:h-full {
+ height: 100%;
+ }
+
+ .xl\:h-screen {
+ height: 100vh;
+ }
+
+ .xl\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .xl\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .xl\:text-base {
+ font-size: 1rem;
+ }
+
+ .xl\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .xl\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .xl\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .xl\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .xl\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .xl\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .xl\:text-6xl {
+ font-size: 4rem;
+ }
+
+ .xl\:leading-3 {
+ line-height: .75rem;
+ }
+
+ .xl\:leading-4 {
+ line-height: 1rem;
+ }
+
+ .xl\:leading-5 {
+ line-height: 1.25rem;
+ }
+
+ .xl\:leading-6 {
+ line-height: 1.5rem;
+ }
+
+ .xl\:leading-7 {
+ line-height: 1.75rem;
+ }
+
+ .xl\:leading-8 {
+ line-height: 2rem;
+ }
+
+ .xl\:leading-9 {
+ line-height: 2.25rem;
+ }
+
+ .xl\:leading-10 {
+ line-height: 2.5rem;
+ }
+
+ .xl\:leading-none {
+ line-height: 1;
+ }
+
+ .xl\:leading-tight {
+ line-height: 1.25;
+ }
+
+ .xl\:leading-snug {
+ line-height: 1.375;
+ }
+
+ .xl\:leading-normal {
+ line-height: 1.5;
+ }
+
+ .xl\:leading-relaxed {
+ line-height: 1.625;
+ }
+
+ .xl\:leading-loose {
+ line-height: 2;
+ }
+
+ .xl\:list-inside {
+ list-style-position: inside;
+ }
+
+ .xl\:list-outside {
+ list-style-position: outside;
+ }
+
+ .xl\:list-none {
+ list-style-type: none;
+ }
+
+ .xl\:list-disc {
+ list-style-type: disc;
+ }
+
+ .xl\:list-decimal {
+ list-style-type: decimal;
+ }
+
+ .xl\:m-0 {
+ margin: 0;
+ }
+
+ .xl\:m-1 {
+ margin: 0.25rem;
+ }
+
+ .xl\:m-2 {
+ margin: 0.5rem;
+ }
+
+ .xl\:m-3 {
+ margin: 0.75rem;
+ }
+
+ .xl\:m-4 {
+ margin: 1rem;
+ }
+
+ .xl\:m-5 {
+ margin: 1.25rem;
+ }
+
+ .xl\:m-6 {
+ margin: 1.5rem;
+ }
+
+ .xl\:m-8 {
+ margin: 2rem;
+ }
+
+ .xl\:m-10 {
+ margin: 2.5rem;
+ }
+
+ .xl\:m-12 {
+ margin: 3rem;
+ }
+
+ .xl\:m-16 {
+ margin: 4rem;
+ }
+
+ .xl\:m-20 {
+ margin: 5rem;
+ }
+
+ .xl\:m-24 {
+ margin: 6rem;
+ }
+
+ .xl\:m-32 {
+ margin: 8rem;
+ }
+
+ .xl\:m-40 {
+ margin: 10rem;
+ }
+
+ .xl\:m-48 {
+ margin: 12rem;
+ }
+
+ .xl\:m-56 {
+ margin: 14rem;
+ }
+
+ .xl\:m-64 {
+ margin: 16rem;
+ }
+
+ .xl\:m-auto {
+ margin: auto;
+ }
+
+ .xl\:m-px {
+ margin: 1px;
+ }
+
+ .xl\:-m-1 {
+ margin: -0.25rem;
+ }
+
+ .xl\:-m-2 {
+ margin: -0.5rem;
+ }
+
+ .xl\:-m-3 {
+ margin: -0.75rem;
+ }
+
+ .xl\:-m-4 {
+ margin: -1rem;
+ }
+
+ .xl\:-m-5 {
+ margin: -1.25rem;
+ }
+
+ .xl\:-m-6 {
+ margin: -1.5rem;
+ }
+
+ .xl\:-m-8 {
+ margin: -2rem;
+ }
+
+ .xl\:-m-10 {
+ margin: -2.5rem;
+ }
+
+ .xl\:-m-12 {
+ margin: -3rem;
+ }
+
+ .xl\:-m-16 {
+ margin: -4rem;
+ }
+
+ .xl\:-m-20 {
+ margin: -5rem;
+ }
+
+ .xl\:-m-24 {
+ margin: -6rem;
+ }
+
+ .xl\:-m-32 {
+ margin: -8rem;
+ }
+
+ .xl\:-m-40 {
+ margin: -10rem;
+ }
+
+ .xl\:-m-48 {
+ margin: -12rem;
+ }
+
+ .xl\:-m-56 {
+ margin: -14rem;
+ }
+
+ .xl\:-m-64 {
+ margin: -16rem;
+ }
+
+ .xl\:-m-px {
+ margin: -1px;
+ }
+
+ .xl\:my-0 {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .xl\:mx-0 {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .xl\:my-1 {
+ margin-top: 0.25rem;
+ margin-bottom: 0.25rem;
+ }
+
+ .xl\:mx-1 {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+ }
+
+ .xl\:my-2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ .xl\:mx-2 {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ }
+
+ .xl\:my-3 {
+ margin-top: 0.75rem;
+ margin-bottom: 0.75rem;
+ }
+
+ .xl\:mx-3 {
+ margin-left: 0.75rem;
+ margin-right: 0.75rem;
+ }
+
+ .xl\:my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ }
+
+ .xl\:mx-4 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ }
+
+ .xl\:my-5 {
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+ }
+
+ .xl\:mx-5 {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ }
+
+ .xl\:my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ }
+
+ .xl\:mx-6 {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ }
+
+ .xl\:my-8 {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ .xl\:mx-8 {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .xl\:my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+ }
+
+ .xl\:mx-10 {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+
+ .xl\:my-12 {
+ margin-top: 3rem;
+ margin-bottom: 3rem;
+ }
+
+ .xl\:mx-12 {
+ margin-left: 3rem;
+ margin-right: 3rem;
+ }
+
+ .xl\:my-16 {
+ margin-top: 4rem;
+ margin-bottom: 4rem;
+ }
+
+ .xl\:mx-16 {
+ margin-left: 4rem;
+ margin-right: 4rem;
+ }
+
+ .xl\:my-20 {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ }
+
+ .xl\:mx-20 {
+ margin-left: 5rem;
+ margin-right: 5rem;
+ }
+
+ .xl\:my-24 {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ }
+
+ .xl\:mx-24 {
+ margin-left: 6rem;
+ margin-right: 6rem;
+ }
+
+ .xl\:my-32 {
+ margin-top: 8rem;
+ margin-bottom: 8rem;
+ }
+
+ .xl\:mx-32 {
+ margin-left: 8rem;
+ margin-right: 8rem;
+ }
+
+ .xl\:my-40 {
+ margin-top: 10rem;
+ margin-bottom: 10rem;
+ }
+
+ .xl\:mx-40 {
+ margin-left: 10rem;
+ margin-right: 10rem;
+ }
+
+ .xl\:my-48 {
+ margin-top: 12rem;
+ margin-bottom: 12rem;
+ }
+
+ .xl\:mx-48 {
+ margin-left: 12rem;
+ margin-right: 12rem;
+ }
+
+ .xl\:my-56 {
+ margin-top: 14rem;
+ margin-bottom: 14rem;
+ }
+
+ .xl\:mx-56 {
+ margin-left: 14rem;
+ margin-right: 14rem;
+ }
+
+ .xl\:my-64 {
+ margin-top: 16rem;
+ margin-bottom: 16rem;
+ }
+
+ .xl\:mx-64 {
+ margin-left: 16rem;
+ margin-right: 16rem;
+ }
+
+ .xl\:my-auto {
+ margin-top: auto;
+ margin-bottom: auto;
+ }
+
+ .xl\:mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .xl\:my-px {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ }
+
+ .xl\:mx-px {
+ margin-left: 1px;
+ margin-right: 1px;
+ }
+
+ .xl\:-my-1 {
+ margin-top: -0.25rem;
+ margin-bottom: -0.25rem;
+ }
+
+ .xl\:-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+ }
+
+ .xl\:-my-2 {
+ margin-top: -0.5rem;
+ margin-bottom: -0.5rem;
+ }
+
+ .xl\:-mx-2 {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ }
+
+ .xl\:-my-3 {
+ margin-top: -0.75rem;
+ margin-bottom: -0.75rem;
+ }
+
+ .xl\:-mx-3 {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ }
+
+ .xl\:-my-4 {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ }
+
+ .xl\:-mx-4 {
+ margin-left: -1rem;
+ margin-right: -1rem;
+ }
+
+ .xl\:-my-5 {
+ margin-top: -1.25rem;
+ margin-bottom: -1.25rem;
+ }
+
+ .xl\:-mx-5 {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ }
+
+ .xl\:-my-6 {
+ margin-top: -1.5rem;
+ margin-bottom: -1.5rem;
+ }
+
+ .xl\:-mx-6 {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+ }
+
+ .xl\:-my-8 {
+ margin-top: -2rem;
+ margin-bottom: -2rem;
+ }
+
+ .xl\:-mx-8 {
+ margin-left: -2rem;
+ margin-right: -2rem;
+ }
+
+ .xl\:-my-10 {
+ margin-top: -2.5rem;
+ margin-bottom: -2.5rem;
+ }
+
+ .xl\:-mx-10 {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+ }
+
+ .xl\:-my-12 {
+ margin-top: -3rem;
+ margin-bottom: -3rem;
+ }
+
+ .xl\:-mx-12 {
+ margin-left: -3rem;
+ margin-right: -3rem;
+ }
+
+ .xl\:-my-16 {
+ margin-top: -4rem;
+ margin-bottom: -4rem;
+ }
+
+ .xl\:-mx-16 {
+ margin-left: -4rem;
+ margin-right: -4rem;
+ }
+
+ .xl\:-my-20 {
+ margin-top: -5rem;
+ margin-bottom: -5rem;
+ }
+
+ .xl\:-mx-20 {
+ margin-left: -5rem;
+ margin-right: -5rem;
+ }
+
+ .xl\:-my-24 {
+ margin-top: -6rem;
+ margin-bottom: -6rem;
+ }
+
+ .xl\:-mx-24 {
+ margin-left: -6rem;
+ margin-right: -6rem;
+ }
+
+ .xl\:-my-32 {
+ margin-top: -8rem;
+ margin-bottom: -8rem;
+ }
+
+ .xl\:-mx-32 {
+ margin-left: -8rem;
+ margin-right: -8rem;
+ }
+
+ .xl\:-my-40 {
+ margin-top: -10rem;
+ margin-bottom: -10rem;
+ }
+
+ .xl\:-mx-40 {
+ margin-left: -10rem;
+ margin-right: -10rem;
+ }
+
+ .xl\:-my-48 {
+ margin-top: -12rem;
+ margin-bottom: -12rem;
+ }
+
+ .xl\:-mx-48 {
+ margin-left: -12rem;
+ margin-right: -12rem;
+ }
+
+ .xl\:-my-56 {
+ margin-top: -14rem;
+ margin-bottom: -14rem;
+ }
+
+ .xl\:-mx-56 {
+ margin-left: -14rem;
+ margin-right: -14rem;
+ }
+
+ .xl\:-my-64 {
+ margin-top: -16rem;
+ margin-bottom: -16rem;
+ }
+
+ .xl\:-mx-64 {
+ margin-left: -16rem;
+ margin-right: -16rem;
+ }
+
+ .xl\:-my-px {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ }
+
+ .xl\:-mx-px {
+ margin-left: -1px;
+ margin-right: -1px;
+ }
+
+ .xl\:mt-0 {
+ margin-top: 0;
+ }
+
+ .xl\:mr-0 {
+ margin-right: 0;
+ }
+
+ .xl\:mb-0 {
+ margin-bottom: 0;
+ }
+
+ .xl\:ml-0 {
+ margin-left: 0;
+ }
+
+ .xl\:mt-1 {
+ margin-top: 0.25rem;
+ }
+
+ .xl\:mr-1 {
+ margin-right: 0.25rem;
+ }
+
+ .xl\:mb-1 {
+ margin-bottom: 0.25rem;
+ }
+
+ .xl\:ml-1 {
+ margin-left: 0.25rem;
+ }
+
+ .xl\:mt-2 {
+ margin-top: 0.5rem;
+ }
+
+ .xl\:mr-2 {
+ margin-right: 0.5rem;
+ }
+
+ .xl\:mb-2 {
+ margin-bottom: 0.5rem;
+ }
+
+ .xl\:ml-2 {
+ margin-left: 0.5rem;
+ }
+
+ .xl\:mt-3 {
+ margin-top: 0.75rem;
+ }
+
+ .xl\:mr-3 {
+ margin-right: 0.75rem;
+ }
+
+ .xl\:mb-3 {
+ margin-bottom: 0.75rem;
+ }
+
+ .xl\:ml-3 {
+ margin-left: 0.75rem;
+ }
+
+ .xl\:mt-4 {
+ margin-top: 1rem;
+ }
+
+ .xl\:mr-4 {
+ margin-right: 1rem;
+ }
+
+ .xl\:mb-4 {
+ margin-bottom: 1rem;
+ }
+
+ .xl\:ml-4 {
+ margin-left: 1rem;
+ }
+
+ .xl\:mt-5 {
+ margin-top: 1.25rem;
+ }
+
+ .xl\:mr-5 {
+ margin-right: 1.25rem;
+ }
+
+ .xl\:mb-5 {
+ margin-bottom: 1.25rem;
+ }
+
+ .xl\:ml-5 {
+ margin-left: 1.25rem;
+ }
+
+ .xl\:mt-6 {
+ margin-top: 1.5rem;
+ }
+
+ .xl\:mr-6 {
+ margin-right: 1.5rem;
+ }
+
+ .xl\:mb-6 {
+ margin-bottom: 1.5rem;
+ }
+
+ .xl\:ml-6 {
+ margin-left: 1.5rem;
+ }
+
+ .xl\:mt-8 {
+ margin-top: 2rem;
+ }
+
+ .xl\:mr-8 {
+ margin-right: 2rem;
+ }
+
+ .xl\:mb-8 {
+ margin-bottom: 2rem;
+ }
+
+ .xl\:ml-8 {
+ margin-left: 2rem;
+ }
+
+ .xl\:mt-10 {
+ margin-top: 2.5rem;
+ }
+
+ .xl\:mr-10 {
+ margin-right: 2.5rem;
+ }
+
+ .xl\:mb-10 {
+ margin-bottom: 2.5rem;
+ }
+
+ .xl\:ml-10 {
+ margin-left: 2.5rem;
+ }
+
+ .xl\:mt-12 {
+ margin-top: 3rem;
+ }
+
+ .xl\:mr-12 {
+ margin-right: 3rem;
+ }
+
+ .xl\:mb-12 {
+ margin-bottom: 3rem;
+ }
+
+ .xl\:ml-12 {
+ margin-left: 3rem;
+ }
+
+ .xl\:mt-16 {
+ margin-top: 4rem;
+ }
+
+ .xl\:mr-16 {
+ margin-right: 4rem;
+ }
+
+ .xl\:mb-16 {
+ margin-bottom: 4rem;
+ }
+
+ .xl\:ml-16 {
+ margin-left: 4rem;
+ }
+
+ .xl\:mt-20 {
+ margin-top: 5rem;
+ }
+
+ .xl\:mr-20 {
+ margin-right: 5rem;
+ }
+
+ .xl\:mb-20 {
+ margin-bottom: 5rem;
+ }
+
+ .xl\:ml-20 {
+ margin-left: 5rem;
+ }
+
+ .xl\:mt-24 {
+ margin-top: 6rem;
+ }
+
+ .xl\:mr-24 {
+ margin-right: 6rem;
+ }
+
+ .xl\:mb-24 {
+ margin-bottom: 6rem;
+ }
+
+ .xl\:ml-24 {
+ margin-left: 6rem;
+ }
+
+ .xl\:mt-32 {
+ margin-top: 8rem;
+ }
+
+ .xl\:mr-32 {
+ margin-right: 8rem;
+ }
+
+ .xl\:mb-32 {
+ margin-bottom: 8rem;
+ }
+
+ .xl\:ml-32 {
+ margin-left: 8rem;
+ }
+
+ .xl\:mt-40 {
+ margin-top: 10rem;
+ }
+
+ .xl\:mr-40 {
+ margin-right: 10rem;
+ }
+
+ .xl\:mb-40 {
+ margin-bottom: 10rem;
+ }
+
+ .xl\:ml-40 {
+ margin-left: 10rem;
+ }
+
+ .xl\:mt-48 {
+ margin-top: 12rem;
+ }
+
+ .xl\:mr-48 {
+ margin-right: 12rem;
+ }
+
+ .xl\:mb-48 {
+ margin-bottom: 12rem;
+ }
+
+ .xl\:ml-48 {
+ margin-left: 12rem;
+ }
+
+ .xl\:mt-56 {
+ margin-top: 14rem;
+ }
+
+ .xl\:mr-56 {
+ margin-right: 14rem;
+ }
+
+ .xl\:mb-56 {
+ margin-bottom: 14rem;
+ }
+
+ .xl\:ml-56 {
+ margin-left: 14rem;
+ }
+
+ .xl\:mt-64 {
+ margin-top: 16rem;
+ }
+
+ .xl\:mr-64 {
+ margin-right: 16rem;
+ }
+
+ .xl\:mb-64 {
+ margin-bottom: 16rem;
+ }
+
+ .xl\:ml-64 {
+ margin-left: 16rem;
+ }
+
+ .xl\:mt-auto {
+ margin-top: auto;
+ }
+
+ .xl\:mr-auto {
+ margin-right: auto;
+ }
+
+ .xl\:mb-auto {
+ margin-bottom: auto;
+ }
+
+ .xl\:ml-auto {
+ margin-left: auto;
+ }
+
+ .xl\:mt-px {
+ margin-top: 1px;
+ }
+
+ .xl\:mr-px {
+ margin-right: 1px;
+ }
+
+ .xl\:mb-px {
+ margin-bottom: 1px;
+ }
+
+ .xl\:ml-px {
+ margin-left: 1px;
+ }
+
+ .xl\:-mt-1 {
+ margin-top: -0.25rem;
+ }
+
+ .xl\:-mr-1 {
+ margin-right: -0.25rem;
+ }
+
+ .xl\:-mb-1 {
+ margin-bottom: -0.25rem;
+ }
+
+ .xl\:-ml-1 {
+ margin-left: -0.25rem;
+ }
+
+ .xl\:-mt-2 {
+ margin-top: -0.5rem;
+ }
+
+ .xl\:-mr-2 {
+ margin-right: -0.5rem;
+ }
+
+ .xl\:-mb-2 {
+ margin-bottom: -0.5rem;
+ }
+
+ .xl\:-ml-2 {
+ margin-left: -0.5rem;
+ }
+
+ .xl\:-mt-3 {
+ margin-top: -0.75rem;
+ }
+
+ .xl\:-mr-3 {
+ margin-right: -0.75rem;
+ }
+
+ .xl\:-mb-3 {
+ margin-bottom: -0.75rem;
+ }
+
+ .xl\:-ml-3 {
+ margin-left: -0.75rem;
+ }
+
+ .xl\:-mt-4 {
+ margin-top: -1rem;
+ }
+
+ .xl\:-mr-4 {
+ margin-right: -1rem;
+ }
+
+ .xl\:-mb-4 {
+ margin-bottom: -1rem;
+ }
+
+ .xl\:-ml-4 {
+ margin-left: -1rem;
+ }
+
+ .xl\:-mt-5 {
+ margin-top: -1.25rem;
+ }
+
+ .xl\:-mr-5 {
+ margin-right: -1.25rem;
+ }
+
+ .xl\:-mb-5 {
+ margin-bottom: -1.25rem;
+ }
+
+ .xl\:-ml-5 {
+ margin-left: -1.25rem;
+ }
+
+ .xl\:-mt-6 {
+ margin-top: -1.5rem;
+ }
+
+ .xl\:-mr-6 {
+ margin-right: -1.5rem;
+ }
+
+ .xl\:-mb-6 {
+ margin-bottom: -1.5rem;
+ }
+
+ .xl\:-ml-6 {
+ margin-left: -1.5rem;
+ }
+
+ .xl\:-mt-8 {
+ margin-top: -2rem;
+ }
+
+ .xl\:-mr-8 {
+ margin-right: -2rem;
+ }
+
+ .xl\:-mb-8 {
+ margin-bottom: -2rem;
+ }
+
+ .xl\:-ml-8 {
+ margin-left: -2rem;
+ }
+
+ .xl\:-mt-10 {
+ margin-top: -2.5rem;
+ }
+
+ .xl\:-mr-10 {
+ margin-right: -2.5rem;
+ }
+
+ .xl\:-mb-10 {
+ margin-bottom: -2.5rem;
+ }
+
+ .xl\:-ml-10 {
+ margin-left: -2.5rem;
+ }
+
+ .xl\:-mt-12 {
+ margin-top: -3rem;
+ }
+
+ .xl\:-mr-12 {
+ margin-right: -3rem;
+ }
+
+ .xl\:-mb-12 {
+ margin-bottom: -3rem;
+ }
+
+ .xl\:-ml-12 {
+ margin-left: -3rem;
+ }
+
+ .xl\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .xl\:-mr-16 {
+ margin-right: -4rem;
+ }
+
+ .xl\:-mb-16 {
+ margin-bottom: -4rem;
+ }
+
+ .xl\:-ml-16 {
+ margin-left: -4rem;
+ }
+
+ .xl\:-mt-20 {
+ margin-top: -5rem;
+ }
+
+ .xl\:-mr-20 {
+ margin-right: -5rem;
+ }
+
+ .xl\:-mb-20 {
+ margin-bottom: -5rem;
+ }
+
+ .xl\:-ml-20 {
+ margin-left: -5rem;
+ }
+
+ .xl\:-mt-24 {
+ margin-top: -6rem;
+ }
+
+ .xl\:-mr-24 {
+ margin-right: -6rem;
+ }
+
+ .xl\:-mb-24 {
+ margin-bottom: -6rem;
+ }
+
+ .xl\:-ml-24 {
+ margin-left: -6rem;
+ }
+
+ .xl\:-mt-32 {
+ margin-top: -8rem;
+ }
+
+ .xl\:-mr-32 {
+ margin-right: -8rem;
+ }
+
+ .xl\:-mb-32 {
+ margin-bottom: -8rem;
+ }
+
+ .xl\:-ml-32 {
+ margin-left: -8rem;
+ }
+
+ .xl\:-mt-40 {
+ margin-top: -10rem;
+ }
+
+ .xl\:-mr-40 {
+ margin-right: -10rem;
+ }
+
+ .xl\:-mb-40 {
+ margin-bottom: -10rem;
+ }
+
+ .xl\:-ml-40 {
+ margin-left: -10rem;
+ }
+
+ .xl\:-mt-48 {
+ margin-top: -12rem;
+ }
+
+ .xl\:-mr-48 {
+ margin-right: -12rem;
+ }
+
+ .xl\:-mb-48 {
+ margin-bottom: -12rem;
+ }
+
+ .xl\:-ml-48 {
+ margin-left: -12rem;
+ }
+
+ .xl\:-mt-56 {
+ margin-top: -14rem;
+ }
+
+ .xl\:-mr-56 {
+ margin-right: -14rem;
+ }
+
+ .xl\:-mb-56 {
+ margin-bottom: -14rem;
+ }
+
+ .xl\:-ml-56 {
+ margin-left: -14rem;
+ }
+
+ .xl\:-mt-64 {
+ margin-top: -16rem;
+ }
+
+ .xl\:-mr-64 {
+ margin-right: -16rem;
+ }
+
+ .xl\:-mb-64 {
+ margin-bottom: -16rem;
+ }
+
+ .xl\:-ml-64 {
+ margin-left: -16rem;
+ }
+
+ .xl\:-mt-px {
+ margin-top: -1px;
+ }
+
+ .xl\:-mr-px {
+ margin-right: -1px;
+ }
+
+ .xl\:-mb-px {
+ margin-bottom: -1px;
+ }
+
+ .xl\:-ml-px {
+ margin-left: -1px;
+ }
+
+ .xl\:max-h-full {
+ max-height: 100%;
+ }
+
+ .xl\:max-h-screen {
+ max-height: 100vh;
+ }
+
+ .xl\:max-w-none {
+ max-width: none;
+ }
+
+ .xl\:max-w-xs {
+ max-width: 20rem;
+ }
+
+ .xl\:max-w-sm {
+ max-width: 24rem;
+ }
+
+ .xl\:max-w-md {
+ max-width: 28rem;
+ }
+
+ .xl\:max-w-lg {
+ max-width: 32rem;
+ }
+
+ .xl\:max-w-xl {
+ max-width: 36rem;
+ }
+
+ .xl\:max-w-2xl {
+ max-width: 42rem;
+ }
+
+ .xl\:max-w-3xl {
+ max-width: 48rem;
+ }
+
+ .xl\:max-w-4xl {
+ max-width: 56rem;
+ }
+
+ .xl\:max-w-5xl {
+ max-width: 64rem;
+ }
+
+ .xl\:max-w-6xl {
+ max-width: 72rem;
+ }
+
+ .xl\:max-w-full {
+ max-width: 100%;
+ }
+
+ .xl\:max-w-screen-sm {
+ max-width: 640px;
+ }
+
+ .xl\:max-w-screen-md {
+ max-width: 768px;
+ }
+
+ .xl\:max-w-screen-lg {
+ max-width: 1024px;
+ }
+
+ .xl\:max-w-screen-xl {
+ max-width: 1280px;
+ }
+
+ .xl\:min-h-0 {
+ min-height: 0;
+ }
+
+ .xl\:min-h-full {
+ min-height: 100%;
+ }
+
+ .xl\:min-h-screen {
+ min-height: 100vh;
+ }
+
+ .xl\:min-w-0 {
+ min-width: 0;
+ }
+
+ .xl\:min-w-full {
+ min-width: 100%;
+ }
+
+ .xl\:object-contain {
+ object-fit: contain;
+ }
+
+ .xl\:object-cover {
+ object-fit: cover;
+ }
+
+ .xl\:object-fill {
+ object-fit: fill;
+ }
+
+ .xl\:object-none {
+ object-fit: none;
+ }
+
+ .xl\:object-scale-down {
+ object-fit: scale-down;
+ }
+
+ .xl\:object-bottom {
+ object-position: bottom;
+ }
+
+ .xl\:object-center {
+ object-position: center;
+ }
+
+ .xl\:object-left {
+ object-position: left;
+ }
+
+ .xl\:object-left-bottom {
+ object-position: left bottom;
+ }
+
+ .xl\:object-left-top {
+ object-position: left top;
+ }
+
+ .xl\:object-right {
+ object-position: right;
+ }
+
+ .xl\:object-right-bottom {
+ object-position: right bottom;
+ }
+
+ .xl\:object-right-top {
+ object-position: right top;
+ }
+
+ .xl\:object-top {
+ object-position: top;
+ }
+
+ .xl\:opacity-0 {
+ opacity: 0;
+ }
+
+ .xl\:opacity-25 {
+ opacity: 0.25;
+ }
+
+ .xl\:opacity-50 {
+ opacity: 0.5;
+ }
+
+ .xl\:opacity-75 {
+ opacity: 0.75;
+ }
+
+ .xl\:opacity-100 {
+ opacity: 1;
+ }
+
+ .xl\:hover\:opacity-0:hover {
+ opacity: 0;
+ }
+
+ .xl\:hover\:opacity-25:hover {
+ opacity: 0.25;
+ }
+
+ .xl\:hover\:opacity-50:hover {
+ opacity: 0.5;
+ }
+
+ .xl\:hover\:opacity-75:hover {
+ opacity: 0.75;
+ }
+
+ .xl\:hover\:opacity-100:hover {
+ opacity: 1;
+ }
+
+ .xl\:focus\:opacity-0:focus {
+ opacity: 0;
+ }
+
+ .xl\:focus\:opacity-25:focus {
+ opacity: 0.25;
+ }
+
+ .xl\:focus\:opacity-50:focus {
+ opacity: 0.5;
+ }
+
+ .xl\:focus\:opacity-75:focus {
+ opacity: 0.75;
+ }
+
+ .xl\:focus\:opacity-100:focus {
+ opacity: 1;
+ }
+
+ .xl\:outline-none {
+ outline: 0;
+ }
+
+ .xl\:focus\:outline-none:focus {
+ outline: 0;
+ }
+
+ .xl\:overflow-auto {
+ overflow: auto;
+ }
+
+ .xl\:overflow-hidden {
+ overflow: hidden;
+ }
+
+ .xl\:overflow-visible {
+ overflow: visible;
+ }
+
+ .xl\:overflow-scroll {
+ overflow: scroll;
+ }
+
+ .xl\:overflow-x-auto {
+ overflow-x: auto;
+ }
+
+ .xl\:overflow-y-auto {
+ overflow-y: auto;
+ }
+
+ .xl\:overflow-x-hidden {
+ overflow-x: hidden;
+ }
+
+ .xl\:overflow-y-hidden {
+ overflow-y: hidden;
+ }
+
+ .xl\:overflow-x-visible {
+ overflow-x: visible;
+ }
+
+ .xl\:overflow-y-visible {
+ overflow-y: visible;
+ }
+
+ .xl\:overflow-x-scroll {
+ overflow-x: scroll;
+ }
+
+ .xl\:overflow-y-scroll {
+ overflow-y: scroll;
+ }
+
+ .xl\:scrolling-touch {
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .xl\:scrolling-auto {
+ -webkit-overflow-scrolling: auto;
+ }
+
+ .xl\:overscroll-auto {
+ overscroll-behavior: auto;
+ }
+
+ .xl\:overscroll-contain {
+ overscroll-behavior: contain;
+ }
+
+ .xl\:overscroll-none {
+ overscroll-behavior: none;
+ }
+
+ .xl\:overscroll-y-auto {
+ overscroll-behavior-y: auto;
+ }
+
+ .xl\:overscroll-y-contain {
+ overscroll-behavior-y: contain;
+ }
+
+ .xl\:overscroll-y-none {
+ overscroll-behavior-y: none;
+ }
+
+ .xl\:overscroll-x-auto {
+ overscroll-behavior-x: auto;
+ }
+
+ .xl\:overscroll-x-contain {
+ overscroll-behavior-x: contain;
+ }
+
+ .xl\:overscroll-x-none {
+ overscroll-behavior-x: none;
+ }
+
+ .xl\:p-0 {
+ padding: 0;
+ }
+
+ .xl\:p-1 {
+ padding: 0.25rem;
+ }
+
+ .xl\:p-2 {
+ padding: 0.5rem;
+ }
+
+ .xl\:p-3 {
+ padding: 0.75rem;
+ }
+
+ .xl\:p-4 {
+ padding: 1rem;
+ }
+
+ .xl\:p-5 {
+ padding: 1.25rem;
+ }
+
+ .xl\:p-6 {
+ padding: 1.5rem;
+ }
+
+ .xl\:p-8 {
+ padding: 2rem;
+ }
+
+ .xl\:p-10 {
+ padding: 2.5rem;
+ }
+
+ .xl\:p-12 {
+ padding: 3rem;
+ }
+
+ .xl\:p-16 {
+ padding: 4rem;
+ }
+
+ .xl\:p-20 {
+ padding: 5rem;
+ }
+
+ .xl\:p-24 {
+ padding: 6rem;
+ }
+
+ .xl\:p-32 {
+ padding: 8rem;
+ }
+
+ .xl\:p-40 {
+ padding: 10rem;
+ }
+
+ .xl\:p-48 {
+ padding: 12rem;
+ }
+
+ .xl\:p-56 {
+ padding: 14rem;
+ }
+
+ .xl\:p-64 {
+ padding: 16rem;
+ }
+
+ .xl\:p-px {
+ padding: 1px;
+ }
+
+ .xl\:py-0 {
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+
+ .xl\:px-0 {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .xl\:py-1 {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ }
+
+ .xl\:px-1 {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+ }
+
+ .xl\:py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ }
+
+ .xl\:px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ }
+
+ .xl\:py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+
+ .xl\:px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+
+ .xl\:py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+
+ .xl\:px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ .xl\:py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ }
+
+ .xl\:px-5 {
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+ .xl\:py-6 {
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+
+ .xl\:px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ }
+
+ .xl\:py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ }
+
+ .xl\:px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ .xl\:py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ }
+
+ .xl\:px-10 {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ }
+
+ .xl\:py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ }
+
+ .xl\:px-12 {
+ padding-left: 3rem;
+ padding-right: 3rem;
+ }
+
+ .xl\:py-16 {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+ }
+
+ .xl\:px-16 {
+ padding-left: 4rem;
+ padding-right: 4rem;
+ }
+
+ .xl\:py-20 {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+
+ .xl\:px-20 {
+ padding-left: 5rem;
+ padding-right: 5rem;
+ }
+
+ .xl\:py-24 {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+ }
+
+ .xl\:px-24 {
+ padding-left: 6rem;
+ padding-right: 6rem;
+ }
+
+ .xl\:py-32 {
+ padding-top: 8rem;
+ padding-bottom: 8rem;
+ }
+
+ .xl\:px-32 {
+ padding-left: 8rem;
+ padding-right: 8rem;
+ }
+
+ .xl\:py-40 {
+ padding-top: 10rem;
+ padding-bottom: 10rem;
+ }
+
+ .xl\:px-40 {
+ padding-left: 10rem;
+ padding-right: 10rem;
+ }
+
+ .xl\:py-48 {
+ padding-top: 12rem;
+ padding-bottom: 12rem;
+ }
+
+ .xl\:px-48 {
+ padding-left: 12rem;
+ padding-right: 12rem;
+ }
+
+ .xl\:py-56 {
+ padding-top: 14rem;
+ padding-bottom: 14rem;
+ }
+
+ .xl\:px-56 {
+ padding-left: 14rem;
+ padding-right: 14rem;
+ }
+
+ .xl\:py-64 {
+ padding-top: 16rem;
+ padding-bottom: 16rem;
+ }
+
+ .xl\:px-64 {
+ padding-left: 16rem;
+ padding-right: 16rem;
+ }
+
+ .xl\:py-px {
+ padding-top: 1px;
+ padding-bottom: 1px;
+ }
+
+ .xl\:px-px {
+ padding-left: 1px;
+ padding-right: 1px;
+ }
+
+ .xl\:pt-0 {
+ padding-top: 0;
+ }
+
+ .xl\:pr-0 {
+ padding-right: 0;
+ }
+
+ .xl\:pb-0 {
+ padding-bottom: 0;
+ }
+
+ .xl\:pl-0 {
+ padding-left: 0;
+ }
+
+ .xl\:pt-1 {
+ padding-top: 0.25rem;
+ }
+
+ .xl\:pr-1 {
+ padding-right: 0.25rem;
+ }
+
+ .xl\:pb-1 {
+ padding-bottom: 0.25rem;
+ }
+
+ .xl\:pl-1 {
+ padding-left: 0.25rem;
+ }
+
+ .xl\:pt-2 {
+ padding-top: 0.5rem;
+ }
+
+ .xl\:pr-2 {
+ padding-right: 0.5rem;
+ }
+
+ .xl\:pb-2 {
+ padding-bottom: 0.5rem;
+ }
+
+ .xl\:pl-2 {
+ padding-left: 0.5rem;
+ }
+
+ .xl\:pt-3 {
+ padding-top: 0.75rem;
+ }
+
+ .xl\:pr-3 {
+ padding-right: 0.75rem;
+ }
+
+ .xl\:pb-3 {
+ padding-bottom: 0.75rem;
+ }
+
+ .xl\:pl-3 {
+ padding-left: 0.75rem;
+ }
+
+ .xl\:pt-4 {
+ padding-top: 1rem;
+ }
+
+ .xl\:pr-4 {
+ padding-right: 1rem;
+ }
+
+ .xl\:pb-4 {
+ padding-bottom: 1rem;
+ }
+
+ .xl\:pl-4 {
+ padding-left: 1rem;
+ }
+
+ .xl\:pt-5 {
+ padding-top: 1.25rem;
+ }
+
+ .xl\:pr-5 {
+ padding-right: 1.25rem;
+ }
+
+ .xl\:pb-5 {
+ padding-bottom: 1.25rem;
+ }
+
+ .xl\:pl-5 {
+ padding-left: 1.25rem;
+ }
+
+ .xl\:pt-6 {
+ padding-top: 1.5rem;
+ }
+
+ .xl\:pr-6 {
+ padding-right: 1.5rem;
+ }
+
+ .xl\:pb-6 {
+ padding-bottom: 1.5rem;
+ }
+
+ .xl\:pl-6 {
+ padding-left: 1.5rem;
+ }
+
+ .xl\:pt-8 {
+ padding-top: 2rem;
+ }
+
+ .xl\:pr-8 {
+ padding-right: 2rem;
+ }
+
+ .xl\:pb-8 {
+ padding-bottom: 2rem;
+ }
+
+ .xl\:pl-8 {
+ padding-left: 2rem;
+ }
+
+ .xl\:pt-10 {
+ padding-top: 2.5rem;
+ }
+
+ .xl\:pr-10 {
+ padding-right: 2.5rem;
+ }
+
+ .xl\:pb-10 {
+ padding-bottom: 2.5rem;
+ }
+
+ .xl\:pl-10 {
+ padding-left: 2.5rem;
+ }
+
+ .xl\:pt-12 {
+ padding-top: 3rem;
+ }
+
+ .xl\:pr-12 {
+ padding-right: 3rem;
+ }
+
+ .xl\:pb-12 {
+ padding-bottom: 3rem;
+ }
+
+ .xl\:pl-12 {
+ padding-left: 3rem;
+ }
+
+ .xl\:pt-16 {
+ padding-top: 4rem;
+ }
+
+ .xl\:pr-16 {
+ padding-right: 4rem;
+ }
+
+ .xl\:pb-16 {
+ padding-bottom: 4rem;
+ }
+
+ .xl\:pl-16 {
+ padding-left: 4rem;
+ }
+
+ .xl\:pt-20 {
+ padding-top: 5rem;
+ }
+
+ .xl\:pr-20 {
+ padding-right: 5rem;
+ }
+
+ .xl\:pb-20 {
+ padding-bottom: 5rem;
+ }
+
+ .xl\:pl-20 {
+ padding-left: 5rem;
+ }
+
+ .xl\:pt-24 {
+ padding-top: 6rem;
+ }
+
+ .xl\:pr-24 {
+ padding-right: 6rem;
+ }
+
+ .xl\:pb-24 {
+ padding-bottom: 6rem;
+ }
+
+ .xl\:pl-24 {
+ padding-left: 6rem;
+ }
+
+ .xl\:pt-32 {
+ padding-top: 8rem;
+ }
+
+ .xl\:pr-32 {
+ padding-right: 8rem;
+ }
+
+ .xl\:pb-32 {
+ padding-bottom: 8rem;
+ }
+
+ .xl\:pl-32 {
+ padding-left: 8rem;
+ }
+
+ .xl\:pt-40 {
+ padding-top: 10rem;
+ }
+
+ .xl\:pr-40 {
+ padding-right: 10rem;
+ }
+
+ .xl\:pb-40 {
+ padding-bottom: 10rem;
+ }
+
+ .xl\:pl-40 {
+ padding-left: 10rem;
+ }
+
+ .xl\:pt-48 {
+ padding-top: 12rem;
+ }
+
+ .xl\:pr-48 {
+ padding-right: 12rem;
+ }
+
+ .xl\:pb-48 {
+ padding-bottom: 12rem;
+ }
+
+ .xl\:pl-48 {
+ padding-left: 12rem;
+ }
+
+ .xl\:pt-56 {
+ padding-top: 14rem;
+ }
+
+ .xl\:pr-56 {
+ padding-right: 14rem;
+ }
+
+ .xl\:pb-56 {
+ padding-bottom: 14rem;
+ }
+
+ .xl\:pl-56 {
+ padding-left: 14rem;
+ }
+
+ .xl\:pt-64 {
+ padding-top: 16rem;
+ }
+
+ .xl\:pr-64 {
+ padding-right: 16rem;
+ }
+
+ .xl\:pb-64 {
+ padding-bottom: 16rem;
+ }
+
+ .xl\:pl-64 {
+ padding-left: 16rem;
+ }
+
+ .xl\:pt-px {
+ padding-top: 1px;
+ }
+
+ .xl\:pr-px {
+ padding-right: 1px;
+ }
+
+ .xl\:pb-px {
+ padding-bottom: 1px;
+ }
+
+ .xl\:pl-px {
+ padding-left: 1px;
+ }
+
+ .xl\:placeholder-transparent::placeholder {
+ color: transparent;
+ }
+
+ .xl\:placeholder-current::placeholder {
+ color: currentColor;
+ }
+
+ .xl\:placeholder-black::placeholder {
+ color: #000;
+ }
+
+ .xl\:placeholder-white::placeholder {
+ color: #fff;
+ }
+
+ .xl\:placeholder-gray-100::placeholder {
+ color: #f7fafc;
+ }
+
+ .xl\:placeholder-gray-200::placeholder {
+ color: #edf2f7;
+ }
+
+ .xl\:placeholder-gray-300::placeholder {
+ color: #e2e8f0;
+ }
+
+ .xl\:placeholder-gray-400::placeholder {
+ color: #cbd5e0;
+ }
+
+ .xl\:placeholder-gray-500::placeholder {
+ color: #a0aec0;
+ }
+
+ .xl\:placeholder-gray-600::placeholder {
+ color: #718096;
+ }
+
+ .xl\:placeholder-gray-700::placeholder {
+ color: #4a5568;
+ }
+
+ .xl\:placeholder-gray-800::placeholder {
+ color: #2d3748;
+ }
+
+ .xl\:placeholder-gray-900::placeholder {
+ color: #1a202c;
+ }
+
+ .xl\:placeholder-red-100::placeholder {
+ color: #fff5f5;
+ }
+
+ .xl\:placeholder-red-200::placeholder {
+ color: #fed7d7;
+ }
+
+ .xl\:placeholder-red-300::placeholder {
+ color: #feb2b2;
+ }
+
+ .xl\:placeholder-red-400::placeholder {
+ color: #fc8181;
+ }
+
+ .xl\:placeholder-red-500::placeholder {
+ color: #f56565;
+ }
+
+ .xl\:placeholder-red-600::placeholder {
+ color: #e53e3e;
+ }
+
+ .xl\:placeholder-red-700::placeholder {
+ color: #c53030;
+ }
+
+ .xl\:placeholder-red-800::placeholder {
+ color: #9b2c2c;
+ }
+
+ .xl\:placeholder-red-900::placeholder {
+ color: #742a2a;
+ }
+
+ .xl\:placeholder-orange-100::placeholder {
+ color: #fffaf0;
+ }
+
+ .xl\:placeholder-orange-200::placeholder {
+ color: #feebc8;
+ }
+
+ .xl\:placeholder-orange-300::placeholder {
+ color: #fbd38d;
+ }
+
+ .xl\:placeholder-orange-400::placeholder {
+ color: #f6ad55;
+ }
+
+ .xl\:placeholder-orange-500::placeholder {
+ color: #ed8936;
+ }
+
+ .xl\:placeholder-orange-600::placeholder {
+ color: #dd6b20;
+ }
+
+ .xl\:placeholder-orange-700::placeholder {
+ color: #c05621;
+ }
+
+ .xl\:placeholder-orange-800::placeholder {
+ color: #9c4221;
+ }
+
+ .xl\:placeholder-orange-900::placeholder {
+ color: #7b341e;
+ }
+
+ .xl\:placeholder-yellow-100::placeholder {
+ color: #fffff0;
+ }
+
+ .xl\:placeholder-yellow-200::placeholder {
+ color: #fefcbf;
+ }
+
+ .xl\:placeholder-yellow-300::placeholder {
+ color: #faf089;
+ }
+
+ .xl\:placeholder-yellow-400::placeholder {
+ color: #f6e05e;
+ }
+
+ .xl\:placeholder-yellow-500::placeholder {
+ color: #ecc94b;
+ }
+
+ .xl\:placeholder-yellow-600::placeholder {
+ color: #d69e2e;
+ }
+
+ .xl\:placeholder-yellow-700::placeholder {
+ color: #b7791f;
+ }
+
+ .xl\:placeholder-yellow-800::placeholder {
+ color: #975a16;
+ }
+
+ .xl\:placeholder-yellow-900::placeholder {
+ color: #744210;
+ }
+
+ .xl\:placeholder-green-100::placeholder {
+ color: #f0fff4;
+ }
+
+ .xl\:placeholder-green-200::placeholder {
+ color: #c6f6d5;
+ }
+
+ .xl\:placeholder-green-300::placeholder {
+ color: #9ae6b4;
+ }
+
+ .xl\:placeholder-green-400::placeholder {
+ color: #68d391;
+ }
+
+ .xl\:placeholder-green-500::placeholder {
+ color: #48bb78;
+ }
+
+ .xl\:placeholder-green-600::placeholder {
+ color: #38a169;
+ }
+
+ .xl\:placeholder-green-700::placeholder {
+ color: #2f855a;
+ }
+
+ .xl\:placeholder-green-800::placeholder {
+ color: #276749;
+ }
+
+ .xl\:placeholder-green-900::placeholder {
+ color: #22543d;
+ }
+
+ .xl\:placeholder-teal-100::placeholder {
+ color: #e6fffa;
+ }
+
+ .xl\:placeholder-teal-200::placeholder {
+ color: #b2f5ea;
+ }
+
+ .xl\:placeholder-teal-300::placeholder {
+ color: #81e6d9;
+ }
+
+ .xl\:placeholder-teal-400::placeholder {
+ color: #4fd1c5;
+ }
+
+ .xl\:placeholder-teal-500::placeholder {
+ color: #38b2ac;
+ }
+
+ .xl\:placeholder-teal-600::placeholder {
+ color: #319795;
+ }
+
+ .xl\:placeholder-teal-700::placeholder {
+ color: #2c7a7b;
+ }
+
+ .xl\:placeholder-teal-800::placeholder {
+ color: #285e61;
+ }
+
+ .xl\:placeholder-teal-900::placeholder {
+ color: #234e52;
+ }
+
+ .xl\:placeholder-blue-100::placeholder {
+ color: #ebf8ff;
+ }
+
+ .xl\:placeholder-blue-200::placeholder {
+ color: #bee3f8;
+ }
+
+ .xl\:placeholder-blue-300::placeholder {
+ color: #90cdf4;
+ }
+
+ .xl\:placeholder-blue-400::placeholder {
+ color: #63b3ed;
+ }
+
+ .xl\:placeholder-blue-500::placeholder {
+ color: #4299e1;
+ }
+
+ .xl\:placeholder-blue-600::placeholder {
+ color: #3182ce;
+ }
+
+ .xl\:placeholder-blue-700::placeholder {
+ color: #2b6cb0;
+ }
+
+ .xl\:placeholder-blue-800::placeholder {
+ color: #2c5282;
+ }
+
+ .xl\:placeholder-blue-900::placeholder {
+ color: #2a4365;
+ }
+
+ .xl\:placeholder-indigo-100::placeholder {
+ color: #ebf4ff;
+ }
+
+ .xl\:placeholder-indigo-200::placeholder {
+ color: #c3dafe;
+ }
+
+ .xl\:placeholder-indigo-300::placeholder {
+ color: #a3bffa;
+ }
+
+ .xl\:placeholder-indigo-400::placeholder {
+ color: #7f9cf5;
+ }
+
+ .xl\:placeholder-indigo-500::placeholder {
+ color: #667eea;
+ }
+
+ .xl\:placeholder-indigo-600::placeholder {
+ color: #5a67d8;
+ }
+
+ .xl\:placeholder-indigo-700::placeholder {
+ color: #4c51bf;
+ }
+
+ .xl\:placeholder-indigo-800::placeholder {
+ color: #434190;
+ }
+
+ .xl\:placeholder-indigo-900::placeholder {
+ color: #3c366b;
+ }
+
+ .xl\:placeholder-purple-100::placeholder {
+ color: #faf5ff;
+ }
+
+ .xl\:placeholder-purple-200::placeholder {
+ color: #e9d8fd;
+ }
+
+ .xl\:placeholder-purple-300::placeholder {
+ color: #d6bcfa;
+ }
+
+ .xl\:placeholder-purple-400::placeholder {
+ color: #b794f4;
+ }
+
+ .xl\:placeholder-purple-500::placeholder {
+ color: #9f7aea;
+ }
+
+ .xl\:placeholder-purple-600::placeholder {
+ color: #805ad5;
+ }
+
+ .xl\:placeholder-purple-700::placeholder {
+ color: #6b46c1;
+ }
+
+ .xl\:placeholder-purple-800::placeholder {
+ color: #553c9a;
+ }
+
+ .xl\:placeholder-purple-900::placeholder {
+ color: #44337a;
+ }
+
+ .xl\:placeholder-pink-100::placeholder {
+ color: #fff5f7;
+ }
+
+ .xl\:placeholder-pink-200::placeholder {
+ color: #fed7e2;
+ }
+
+ .xl\:placeholder-pink-300::placeholder {
+ color: #fbb6ce;
+ }
+
+ .xl\:placeholder-pink-400::placeholder {
+ color: #f687b3;
+ }
+
+ .xl\:placeholder-pink-500::placeholder {
+ color: #ed64a6;
+ }
+
+ .xl\:placeholder-pink-600::placeholder {
+ color: #d53f8c;
+ }
+
+ .xl\:placeholder-pink-700::placeholder {
+ color: #b83280;
+ }
+
+ .xl\:placeholder-pink-800::placeholder {
+ color: #97266d;
+ }
+
+ .xl\:placeholder-pink-900::placeholder {
+ color: #702459;
+ }
+
+ .xl\:focus\:placeholder-transparent:focus::placeholder {
+ color: transparent;
+ }
+
+ .xl\:focus\:placeholder-current:focus::placeholder {
+ color: currentColor;
+ }
+
+ .xl\:focus\:placeholder-black:focus::placeholder {
+ color: #000;
+ }
+
+ .xl\:focus\:placeholder-white:focus::placeholder {
+ color: #fff;
+ }
+
+ .xl\:focus\:placeholder-gray-100:focus::placeholder {
+ color: #f7fafc;
+ }
+
+ .xl\:focus\:placeholder-gray-200:focus::placeholder {
+ color: #edf2f7;
+ }
+
+ .xl\:focus\:placeholder-gray-300:focus::placeholder {
+ color: #e2e8f0;
+ }
+
+ .xl\:focus\:placeholder-gray-400:focus::placeholder {
+ color: #cbd5e0;
+ }
+
+ .xl\:focus\:placeholder-gray-500:focus::placeholder {
+ color: #a0aec0;
+ }
+
+ .xl\:focus\:placeholder-gray-600:focus::placeholder {
+ color: #718096;
+ }
+
+ .xl\:focus\:placeholder-gray-700:focus::placeholder {
+ color: #4a5568;
+ }
+
+ .xl\:focus\:placeholder-gray-800:focus::placeholder {
+ color: #2d3748;
+ }
+
+ .xl\:focus\:placeholder-gray-900:focus::placeholder {
+ color: #1a202c;
+ }
+
+ .xl\:focus\:placeholder-red-100:focus::placeholder {
+ color: #fff5f5;
+ }
+
+ .xl\:focus\:placeholder-red-200:focus::placeholder {
+ color: #fed7d7;
+ }
+
+ .xl\:focus\:placeholder-red-300:focus::placeholder {
+ color: #feb2b2;
+ }
+
+ .xl\:focus\:placeholder-red-400:focus::placeholder {
+ color: #fc8181;
+ }
+
+ .xl\:focus\:placeholder-red-500:focus::placeholder {
+ color: #f56565;
+ }
+
+ .xl\:focus\:placeholder-red-600:focus::placeholder {
+ color: #e53e3e;
+ }
+
+ .xl\:focus\:placeholder-red-700:focus::placeholder {
+ color: #c53030;
+ }
+
+ .xl\:focus\:placeholder-red-800:focus::placeholder {
+ color: #9b2c2c;
+ }
+
+ .xl\:focus\:placeholder-red-900:focus::placeholder {
+ color: #742a2a;
+ }
+
+ .xl\:focus\:placeholder-orange-100:focus::placeholder {
+ color: #fffaf0;
+ }
+
+ .xl\:focus\:placeholder-orange-200:focus::placeholder {
+ color: #feebc8;
+ }
+
+ .xl\:focus\:placeholder-orange-300:focus::placeholder {
+ color: #fbd38d;
+ }
+
+ .xl\:focus\:placeholder-orange-400:focus::placeholder {
+ color: #f6ad55;
+ }
+
+ .xl\:focus\:placeholder-orange-500:focus::placeholder {
+ color: #ed8936;
+ }
+
+ .xl\:focus\:placeholder-orange-600:focus::placeholder {
+ color: #dd6b20;
+ }
+
+ .xl\:focus\:placeholder-orange-700:focus::placeholder {
+ color: #c05621;
+ }
+
+ .xl\:focus\:placeholder-orange-800:focus::placeholder {
+ color: #9c4221;
+ }
+
+ .xl\:focus\:placeholder-orange-900:focus::placeholder {
+ color: #7b341e;
+ }
+
+ .xl\:focus\:placeholder-yellow-100:focus::placeholder {
+ color: #fffff0;
+ }
+
+ .xl\:focus\:placeholder-yellow-200:focus::placeholder {
+ color: #fefcbf;
+ }
+
+ .xl\:focus\:placeholder-yellow-300:focus::placeholder {
+ color: #faf089;
+ }
+
+ .xl\:focus\:placeholder-yellow-400:focus::placeholder {
+ color: #f6e05e;
+ }
+
+ .xl\:focus\:placeholder-yellow-500:focus::placeholder {
+ color: #ecc94b;
+ }
+
+ .xl\:focus\:placeholder-yellow-600:focus::placeholder {
+ color: #d69e2e;
+ }
+
+ .xl\:focus\:placeholder-yellow-700:focus::placeholder {
+ color: #b7791f;
+ }
+
+ .xl\:focus\:placeholder-yellow-800:focus::placeholder {
+ color: #975a16;
+ }
+
+ .xl\:focus\:placeholder-yellow-900:focus::placeholder {
+ color: #744210;
+ }
+
+ .xl\:focus\:placeholder-green-100:focus::placeholder {
+ color: #f0fff4;
+ }
+
+ .xl\:focus\:placeholder-green-200:focus::placeholder {
+ color: #c6f6d5;
+ }
+
+ .xl\:focus\:placeholder-green-300:focus::placeholder {
+ color: #9ae6b4;
+ }
+
+ .xl\:focus\:placeholder-green-400:focus::placeholder {
+ color: #68d391;
+ }
+
+ .xl\:focus\:placeholder-green-500:focus::placeholder {
+ color: #48bb78;
+ }
+
+ .xl\:focus\:placeholder-green-600:focus::placeholder {
+ color: #38a169;
+ }
+
+ .xl\:focus\:placeholder-green-700:focus::placeholder {
+ color: #2f855a;
+ }
+
+ .xl\:focus\:placeholder-green-800:focus::placeholder {
+ color: #276749;
+ }
+
+ .xl\:focus\:placeholder-green-900:focus::placeholder {
+ color: #22543d;
+ }
+
+ .xl\:focus\:placeholder-teal-100:focus::placeholder {
+ color: #e6fffa;
+ }
+
+ .xl\:focus\:placeholder-teal-200:focus::placeholder {
+ color: #b2f5ea;
+ }
+
+ .xl\:focus\:placeholder-teal-300:focus::placeholder {
+ color: #81e6d9;
+ }
+
+ .xl\:focus\:placeholder-teal-400:focus::placeholder {
+ color: #4fd1c5;
+ }
+
+ .xl\:focus\:placeholder-teal-500:focus::placeholder {
+ color: #38b2ac;
+ }
+
+ .xl\:focus\:placeholder-teal-600:focus::placeholder {
+ color: #319795;
+ }
+
+ .xl\:focus\:placeholder-teal-700:focus::placeholder {
+ color: #2c7a7b;
+ }
+
+ .xl\:focus\:placeholder-teal-800:focus::placeholder {
+ color: #285e61;
+ }
+
+ .xl\:focus\:placeholder-teal-900:focus::placeholder {
+ color: #234e52;
+ }
+
+ .xl\:focus\:placeholder-blue-100:focus::placeholder {
+ color: #ebf8ff;
+ }
+
+ .xl\:focus\:placeholder-blue-200:focus::placeholder {
+ color: #bee3f8;
+ }
+
+ .xl\:focus\:placeholder-blue-300:focus::placeholder {
+ color: #90cdf4;
+ }
+
+ .xl\:focus\:placeholder-blue-400:focus::placeholder {
+ color: #63b3ed;
+ }
+
+ .xl\:focus\:placeholder-blue-500:focus::placeholder {
+ color: #4299e1;
+ }
+
+ .xl\:focus\:placeholder-blue-600:focus::placeholder {
+ color: #3182ce;
+ }
+
+ .xl\:focus\:placeholder-blue-700:focus::placeholder {
+ color: #2b6cb0;
+ }
+
+ .xl\:focus\:placeholder-blue-800:focus::placeholder {
+ color: #2c5282;
+ }
+
+ .xl\:focus\:placeholder-blue-900:focus::placeholder {
+ color: #2a4365;
+ }
+
+ .xl\:focus\:placeholder-indigo-100:focus::placeholder {
+ color: #ebf4ff;
+ }
+
+ .xl\:focus\:placeholder-indigo-200:focus::placeholder {
+ color: #c3dafe;
+ }
+
+ .xl\:focus\:placeholder-indigo-300:focus::placeholder {
+ color: #a3bffa;
+ }
+
+ .xl\:focus\:placeholder-indigo-400:focus::placeholder {
+ color: #7f9cf5;
+ }
+
+ .xl\:focus\:placeholder-indigo-500:focus::placeholder {
+ color: #667eea;
+ }
+
+ .xl\:focus\:placeholder-indigo-600:focus::placeholder {
+ color: #5a67d8;
+ }
+
+ .xl\:focus\:placeholder-indigo-700:focus::placeholder {
+ color: #4c51bf;
+ }
+
+ .xl\:focus\:placeholder-indigo-800:focus::placeholder {
+ color: #434190;
+ }
+
+ .xl\:focus\:placeholder-indigo-900:focus::placeholder {
+ color: #3c366b;
+ }
+
+ .xl\:focus\:placeholder-purple-100:focus::placeholder {
+ color: #faf5ff;
+ }
+
+ .xl\:focus\:placeholder-purple-200:focus::placeholder {
+ color: #e9d8fd;
+ }
+
+ .xl\:focus\:placeholder-purple-300:focus::placeholder {
+ color: #d6bcfa;
+ }
+
+ .xl\:focus\:placeholder-purple-400:focus::placeholder {
+ color: #b794f4;
+ }
+
+ .xl\:focus\:placeholder-purple-500:focus::placeholder {
+ color: #9f7aea;
+ }
+
+ .xl\:focus\:placeholder-purple-600:focus::placeholder {
+ color: #805ad5;
+ }
+
+ .xl\:focus\:placeholder-purple-700:focus::placeholder {
+ color: #6b46c1;
+ }
+
+ .xl\:focus\:placeholder-purple-800:focus::placeholder {
+ color: #553c9a;
+ }
+
+ .xl\:focus\:placeholder-purple-900:focus::placeholder {
+ color: #44337a;
+ }
+
+ .xl\:focus\:placeholder-pink-100:focus::placeholder {
+ color: #fff5f7;
+ }
+
+ .xl\:focus\:placeholder-pink-200:focus::placeholder {
+ color: #fed7e2;
+ }
+
+ .xl\:focus\:placeholder-pink-300:focus::placeholder {
+ color: #fbb6ce;
+ }
+
+ .xl\:focus\:placeholder-pink-400:focus::placeholder {
+ color: #f687b3;
+ }
+
+ .xl\:focus\:placeholder-pink-500:focus::placeholder {
+ color: #ed64a6;
+ }
+
+ .xl\:focus\:placeholder-pink-600:focus::placeholder {
+ color: #d53f8c;
+ }
+
+ .xl\:focus\:placeholder-pink-700:focus::placeholder {
+ color: #b83280;
+ }
+
+ .xl\:focus\:placeholder-pink-800:focus::placeholder {
+ color: #97266d;
+ }
+
+ .xl\:focus\:placeholder-pink-900:focus::placeholder {
+ color: #702459;
+ }
+
+ .xl\:pointer-events-none {
+ pointer-events: none;
+ }
+
+ .xl\:pointer-events-auto {
+ pointer-events: auto;
+ }
+
+ .xl\:static {
+ position: static;
+ }
+
+ .xl\:fixed {
+ position: fixed;
+ }
+
+ .xl\:absolute {
+ position: absolute;
+ }
+
+ .xl\:relative {
+ position: relative;
+ }
+
+ .xl\:sticky {
+ position: sticky;
+ }
+
+ .xl\:inset-0 {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ .xl\:inset-auto {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ }
+
+ .xl\:inset-y-0 {
+ top: 0;
+ bottom: 0;
+ }
+
+ .xl\:inset-x-0 {
+ right: 0;
+ left: 0;
+ }
+
+ .xl\:inset-y-auto {
+ top: auto;
+ bottom: auto;
+ }
+
+ .xl\:inset-x-auto {
+ right: auto;
+ left: auto;
+ }
+
+ .xl\:top-0 {
+ top: 0;
+ }
+
+ .xl\:right-0 {
+ right: 0;
+ }
+
+ .xl\:bottom-0 {
+ bottom: 0;
+ }
+
+ .xl\:left-0 {
+ left: 0;
+ }
+
+ .xl\:top-auto {
+ top: auto;
+ }
+
+ .xl\:right-auto {
+ right: auto;
+ }
+
+ .xl\:bottom-auto {
+ bottom: auto;
+ }
+
+ .xl\:left-auto {
+ left: auto;
+ }
+
+ .xl\:resize-none {
+ resize: none;
+ }
+
+ .xl\:resize-y {
+ resize: vertical;
+ }
+
+ .xl\:resize-x {
+ resize: horizontal;
+ }
+
+ .xl\:resize {
+ resize: both;
+ }
+
+ .xl\:shadow-xs {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow-sm {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-md {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:shadow-xl {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:shadow-2xl {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:shadow-inner {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:shadow-outline {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:shadow-none {
+ box-shadow: none;
+ }
+
+ .xl\:hover\:shadow-xs:hover {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow-sm:hover {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow:hover {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-md:hover {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-lg:hover {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:hover\:shadow-xl:hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:hover\:shadow-2xl:hover {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:hover\:shadow-inner:hover {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:hover\:shadow-outline:hover {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:hover\:shadow-none:hover {
+ box-shadow: none;
+ }
+
+ .xl\:focus\:shadow-xs:focus {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow-sm:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow:focus {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-md:focus {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-lg:focus {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+ }
+
+ .xl\:focus\:shadow-xl:focus {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+
+ .xl\:focus\:shadow-2xl:focus {
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+ }
+
+ .xl\:focus\:shadow-inner:focus {
+ box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .xl\:focus\:shadow-outline:focus {
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+ }
+
+ .xl\:focus\:shadow-none:focus {
+ box-shadow: none;
+ }
+
+ .xl\:fill-current {
+ fill: currentColor;
+ }
+
+ .xl\:stroke-current {
+ stroke: currentColor;
+ }
+
+ .xl\:stroke-0 {
+ stroke-width: 0;
+ }
+
+ .xl\:stroke-1 {
+ stroke-width: 1;
+ }
+
+ .xl\:stroke-2 {
+ stroke-width: 2;
+ }
+
+ .xl\:table-auto {
+ table-layout: auto;
+ }
+
+ .xl\:table-fixed {
+ table-layout: fixed;
+ }
+
+ .xl\:text-left {
+ text-align: left;
+ }
+
+ .xl\:text-center {
+ text-align: center;
+ }
+
+ .xl\:text-right {
+ text-align: right;
+ }
+
+ .xl\:text-justify {
+ text-align: justify;
+ }
+
+ .xl\:text-transparent {
+ color: transparent;
+ }
+
+ .xl\:text-current {
+ color: currentColor;
+ }
+
+ .xl\:text-black {
+ color: #000;
+ }
+
+ .xl\:text-white {
+ color: #fff;
+ }
+
+ .xl\:text-gray-100 {
+ color: #f7fafc;
+ }
+
+ .xl\:text-gray-200 {
+ color: #edf2f7;
+ }
+
+ .xl\:text-gray-300 {
+ color: #e2e8f0;
+ }
+
+ .xl\:text-gray-400 {
+ color: #cbd5e0;
+ }
+
+ .xl\:text-gray-500 {
+ color: #a0aec0;
+ }
+
+ .xl\:text-gray-600 {
+ color: #718096;
+ }
+
+ .xl\:text-gray-700 {
+ color: #4a5568;
+ }
+
+ .xl\:text-gray-800 {
+ color: #2d3748;
+ }
+
+ .xl\:text-gray-900 {
+ color: #1a202c;
+ }
+
+ .xl\:text-red-100 {
+ color: #fff5f5;
+ }
+
+ .xl\:text-red-200 {
+ color: #fed7d7;
+ }
+
+ .xl\:text-red-300 {
+ color: #feb2b2;
+ }
+
+ .xl\:text-red-400 {
+ color: #fc8181;
+ }
+
+ .xl\:text-red-500 {
+ color: #f56565;
+ }
+
+ .xl\:text-red-600 {
+ color: #e53e3e;
+ }
+
+ .xl\:text-red-700 {
+ color: #c53030;
+ }
+
+ .xl\:text-red-800 {
+ color: #9b2c2c;
+ }
+
+ .xl\:text-red-900 {
+ color: #742a2a;
+ }
+
+ .xl\:text-orange-100 {
+ color: #fffaf0;
+ }
+
+ .xl\:text-orange-200 {
+ color: #feebc8;
+ }
+
+ .xl\:text-orange-300 {
+ color: #fbd38d;
+ }
+
+ .xl\:text-orange-400 {
+ color: #f6ad55;
+ }
+
+ .xl\:text-orange-500 {
+ color: #ed8936;
+ }
+
+ .xl\:text-orange-600 {
+ color: #dd6b20;
+ }
+
+ .xl\:text-orange-700 {
+ color: #c05621;
+ }
+
+ .xl\:text-orange-800 {
+ color: #9c4221;
+ }
+
+ .xl\:text-orange-900 {
+ color: #7b341e;
+ }
+
+ .xl\:text-yellow-100 {
+ color: #fffff0;
+ }
+
+ .xl\:text-yellow-200 {
+ color: #fefcbf;
+ }
+
+ .xl\:text-yellow-300 {
+ color: #faf089;
+ }
+
+ .xl\:text-yellow-400 {
+ color: #f6e05e;
+ }
+
+ .xl\:text-yellow-500 {
+ color: #ecc94b;
+ }
+
+ .xl\:text-yellow-600 {
+ color: #d69e2e;
+ }
+
+ .xl\:text-yellow-700 {
+ color: #b7791f;
+ }
+
+ .xl\:text-yellow-800 {
+ color: #975a16;
+ }
+
+ .xl\:text-yellow-900 {
+ color: #744210;
+ }
+
+ .xl\:text-green-100 {
+ color: #f0fff4;
+ }
+
+ .xl\:text-green-200 {
+ color: #c6f6d5;
+ }
+
+ .xl\:text-green-300 {
+ color: #9ae6b4;
+ }
+
+ .xl\:text-green-400 {
+ color: #68d391;
+ }
+
+ .xl\:text-green-500 {
+ color: #48bb78;
+ }
+
+ .xl\:text-green-600 {
+ color: #38a169;
+ }
+
+ .xl\:text-green-700 {
+ color: #2f855a;
+ }
+
+ .xl\:text-green-800 {
+ color: #276749;
+ }
+
+ .xl\:text-green-900 {
+ color: #22543d;
+ }
+
+ .xl\:text-teal-100 {
+ color: #e6fffa;
+ }
+
+ .xl\:text-teal-200 {
+ color: #b2f5ea;
+ }
+
+ .xl\:text-teal-300 {
+ color: #81e6d9;
+ }
+
+ .xl\:text-teal-400 {
+ color: #4fd1c5;
+ }
+
+ .xl\:text-teal-500 {
+ color: #38b2ac;
+ }
+
+ .xl\:text-teal-600 {
+ color: #319795;
+ }
+
+ .xl\:text-teal-700 {
+ color: #2c7a7b;
+ }
+
+ .xl\:text-teal-800 {
+ color: #285e61;
+ }
+
+ .xl\:text-teal-900 {
+ color: #234e52;
+ }
+
+ .xl\:text-blue-100 {
+ color: #ebf8ff;
+ }
+
+ .xl\:text-blue-200 {
+ color: #bee3f8;
+ }
+
+ .xl\:text-blue-300 {
+ color: #90cdf4;
+ }
+
+ .xl\:text-blue-400 {
+ color: #63b3ed;
+ }
+
+ .xl\:text-blue-500 {
+ color: #4299e1;
+ }
+
+ .xl\:text-blue-600 {
+ color: #3182ce;
+ }
+
+ .xl\:text-blue-700 {
+ color: #2b6cb0;
+ }
+
+ .xl\:text-blue-800 {
+ color: #2c5282;
+ }
+
+ .xl\:text-blue-900 {
+ color: #2a4365;
+ }
+
+ .xl\:text-indigo-100 {
+ color: #ebf4ff;
+ }
+
+ .xl\:text-indigo-200 {
+ color: #c3dafe;
+ }
+
+ .xl\:text-indigo-300 {
+ color: #a3bffa;
+ }
+
+ .xl\:text-indigo-400 {
+ color: #7f9cf5;
+ }
+
+ .xl\:text-indigo-500 {
+ color: #667eea;
+ }
+
+ .xl\:text-indigo-600 {
+ color: #5a67d8;
+ }
+
+ .xl\:text-indigo-700 {
+ color: #4c51bf;
+ }
+
+ .xl\:text-indigo-800 {
+ color: #434190;
+ }
+
+ .xl\:text-indigo-900 {
+ color: #3c366b;
+ }
+
+ .xl\:text-purple-100 {
+ color: #faf5ff;
+ }
+
+ .xl\:text-purple-200 {
+ color: #e9d8fd;
+ }
+
+ .xl\:text-purple-300 {
+ color: #d6bcfa;
+ }
+
+ .xl\:text-purple-400 {
+ color: #b794f4;
+ }
+
+ .xl\:text-purple-500 {
+ color: #9f7aea;
+ }
+
+ .xl\:text-purple-600 {
+ color: #805ad5;
+ }
+
+ .xl\:text-purple-700 {
+ color: #6b46c1;
+ }
+
+ .xl\:text-purple-800 {
+ color: #553c9a;
+ }
+
+ .xl\:text-purple-900 {
+ color: #44337a;
+ }
+
+ .xl\:text-pink-100 {
+ color: #fff5f7;
+ }
+
+ .xl\:text-pink-200 {
+ color: #fed7e2;
+ }
+
+ .xl\:text-pink-300 {
+ color: #fbb6ce;
+ }
+
+ .xl\:text-pink-400 {
+ color: #f687b3;
+ }
+
+ .xl\:text-pink-500 {
+ color: #ed64a6;
+ }
+
+ .xl\:text-pink-600 {
+ color: #d53f8c;
+ }
+
+ .xl\:text-pink-700 {
+ color: #b83280;
+ }
+
+ .xl\:text-pink-800 {
+ color: #97266d;
+ }
+
+ .xl\:text-pink-900 {
+ color: #702459;
+ }
+
+ .xl\:hover\:text-transparent:hover {
+ color: transparent;
+ }
+
+ .xl\:hover\:text-current:hover {
+ color: currentColor;
+ }
+
+ .xl\:hover\:text-black:hover {
+ color: #000;
+ }
+
+ .xl\:hover\:text-white:hover {
+ color: #fff;
+ }
+
+ .xl\:hover\:text-gray-100:hover {
+ color: #f7fafc;
+ }
+
+ .xl\:hover\:text-gray-200:hover {
+ color: #edf2f7;
+ }
+
+ .xl\:hover\:text-gray-300:hover {
+ color: #e2e8f0;
+ }
+
+ .xl\:hover\:text-gray-400:hover {
+ color: #cbd5e0;
+ }
+
+ .xl\:hover\:text-gray-500:hover {
+ color: #a0aec0;
+ }
+
+ .xl\:hover\:text-gray-600:hover {
+ color: #718096;
+ }
+
+ .xl\:hover\:text-gray-700:hover {
+ color: #4a5568;
+ }
+
+ .xl\:hover\:text-gray-800:hover {
+ color: #2d3748;
+ }
+
+ .xl\:hover\:text-gray-900:hover {
+ color: #1a202c;
+ }
+
+ .xl\:hover\:text-red-100:hover {
+ color: #fff5f5;
+ }
+
+ .xl\:hover\:text-red-200:hover {
+ color: #fed7d7;
+ }
+
+ .xl\:hover\:text-red-300:hover {
+ color: #feb2b2;
+ }
+
+ .xl\:hover\:text-red-400:hover {
+ color: #fc8181;
+ }
+
+ .xl\:hover\:text-red-500:hover {
+ color: #f56565;
+ }
+
+ .xl\:hover\:text-red-600:hover {
+ color: #e53e3e;
+ }
+
+ .xl\:hover\:text-red-700:hover {
+ color: #c53030;
+ }
+
+ .xl\:hover\:text-red-800:hover {
+ color: #9b2c2c;
+ }
+
+ .xl\:hover\:text-red-900:hover {
+ color: #742a2a;
+ }
+
+ .xl\:hover\:text-orange-100:hover {
+ color: #fffaf0;
+ }
+
+ .xl\:hover\:text-orange-200:hover {
+ color: #feebc8;
+ }
+
+ .xl\:hover\:text-orange-300:hover {
+ color: #fbd38d;
+ }
+
+ .xl\:hover\:text-orange-400:hover {
+ color: #f6ad55;
+ }
+
+ .xl\:hover\:text-orange-500:hover {
+ color: #ed8936;
+ }
+
+ .xl\:hover\:text-orange-600:hover {
+ color: #dd6b20;
+ }
+
+ .xl\:hover\:text-orange-700:hover {
+ color: #c05621;
+ }
+
+ .xl\:hover\:text-orange-800:hover {
+ color: #9c4221;
+ }
+
+ .xl\:hover\:text-orange-900:hover {
+ color: #7b341e;
+ }
+
+ .xl\:hover\:text-yellow-100:hover {
+ color: #fffff0;
+ }
+
+ .xl\:hover\:text-yellow-200:hover {
+ color: #fefcbf;
+ }
+
+ .xl\:hover\:text-yellow-300:hover {
+ color: #faf089;
+ }
+
+ .xl\:hover\:text-yellow-400:hover {
+ color: #f6e05e;
+ }
+
+ .xl\:hover\:text-yellow-500:hover {
+ color: #ecc94b;
+ }
+
+ .xl\:hover\:text-yellow-600:hover {
+ color: #d69e2e;
+ }
+
+ .xl\:hover\:text-yellow-700:hover {
+ color: #b7791f;
+ }
+
+ .xl\:hover\:text-yellow-800:hover {
+ color: #975a16;
+ }
+
+ .xl\:hover\:text-yellow-900:hover {
+ color: #744210;
+ }
+
+ .xl\:hover\:text-green-100:hover {
+ color: #f0fff4;
+ }
+
+ .xl\:hover\:text-green-200:hover {
+ color: #c6f6d5;
+ }
+
+ .xl\:hover\:text-green-300:hover {
+ color: #9ae6b4;
+ }
+
+ .xl\:hover\:text-green-400:hover {
+ color: #68d391;
+ }
+
+ .xl\:hover\:text-green-500:hover {
+ color: #48bb78;
+ }
+
+ .xl\:hover\:text-green-600:hover {
+ color: #38a169;
+ }
+
+ .xl\:hover\:text-green-700:hover {
+ color: #2f855a;
+ }
+
+ .xl\:hover\:text-green-800:hover {
+ color: #276749;
+ }
+
+ .xl\:hover\:text-green-900:hover {
+ color: #22543d;
+ }
+
+ .xl\:hover\:text-teal-100:hover {
+ color: #e6fffa;
+ }
+
+ .xl\:hover\:text-teal-200:hover {
+ color: #b2f5ea;
+ }
+
+ .xl\:hover\:text-teal-300:hover {
+ color: #81e6d9;
+ }
+
+ .xl\:hover\:text-teal-400:hover {
+ color: #4fd1c5;
+ }
+
+ .xl\:hover\:text-teal-500:hover {
+ color: #38b2ac;
+ }
+
+ .xl\:hover\:text-teal-600:hover {
+ color: #319795;
+ }
+
+ .xl\:hover\:text-teal-700:hover {
+ color: #2c7a7b;
+ }
+
+ .xl\:hover\:text-teal-800:hover {
+ color: #285e61;
+ }
+
+ .xl\:hover\:text-teal-900:hover {
+ color: #234e52;
+ }
+
+ .xl\:hover\:text-blue-100:hover {
+ color: #ebf8ff;
+ }
+
+ .xl\:hover\:text-blue-200:hover {
+ color: #bee3f8;
+ }
+
+ .xl\:hover\:text-blue-300:hover {
+ color: #90cdf4;
+ }
+
+ .xl\:hover\:text-blue-400:hover {
+ color: #63b3ed;
+ }
+
+ .xl\:hover\:text-blue-500:hover {
+ color: #4299e1;
+ }
+
+ .xl\:hover\:text-blue-600:hover {
+ color: #3182ce;
+ }
+
+ .xl\:hover\:text-blue-700:hover {
+ color: #2b6cb0;
+ }
+
+ .xl\:hover\:text-blue-800:hover {
+ color: #2c5282;
+ }
+
+ .xl\:hover\:text-blue-900:hover {
+ color: #2a4365;
+ }
+
+ .xl\:hover\:text-indigo-100:hover {
+ color: #ebf4ff;
+ }
+
+ .xl\:hover\:text-indigo-200:hover {
+ color: #c3dafe;
+ }
+
+ .xl\:hover\:text-indigo-300:hover {
+ color: #a3bffa;
+ }
+
+ .xl\:hover\:text-indigo-400:hover {
+ color: #7f9cf5;
+ }
+
+ .xl\:hover\:text-indigo-500:hover {
+ color: #667eea;
+ }
+
+ .xl\:hover\:text-indigo-600:hover {
+ color: #5a67d8;
+ }
+
+ .xl\:hover\:text-indigo-700:hover {
+ color: #4c51bf;
+ }
+
+ .xl\:hover\:text-indigo-800:hover {
+ color: #434190;
+ }
+
+ .xl\:hover\:text-indigo-900:hover {
+ color: #3c366b;
+ }
+
+ .xl\:hover\:text-purple-100:hover {
+ color: #faf5ff;
+ }
+
+ .xl\:hover\:text-purple-200:hover {
+ color: #e9d8fd;
+ }
+
+ .xl\:hover\:text-purple-300:hover {
+ color: #d6bcfa;
+ }
+
+ .xl\:hover\:text-purple-400:hover {
+ color: #b794f4;
+ }
+
+ .xl\:hover\:text-purple-500:hover {
+ color: #9f7aea;
+ }
+
+ .xl\:hover\:text-purple-600:hover {
+ color: #805ad5;
+ }
+
+ .xl\:hover\:text-purple-700:hover {
+ color: #6b46c1;
+ }
+
+ .xl\:hover\:text-purple-800:hover {
+ color: #553c9a;
+ }
+
+ .xl\:hover\:text-purple-900:hover {
+ color: #44337a;
+ }
+
+ .xl\:hover\:text-pink-100:hover {
+ color: #fff5f7;
+ }
+
+ .xl\:hover\:text-pink-200:hover {
+ color: #fed7e2;
+ }
+
+ .xl\:hover\:text-pink-300:hover {
+ color: #fbb6ce;
+ }
+
+ .xl\:hover\:text-pink-400:hover {
+ color: #f687b3;
+ }
+
+ .xl\:hover\:text-pink-500:hover {
+ color: #ed64a6;
+ }
+
+ .xl\:hover\:text-pink-600:hover {
+ color: #d53f8c;
+ }
+
+ .xl\:hover\:text-pink-700:hover {
+ color: #b83280;
+ }
+
+ .xl\:hover\:text-pink-800:hover {
+ color: #97266d;
+ }
+
+ .xl\:hover\:text-pink-900:hover {
+ color: #702459;
+ }
+
+ .xl\:focus\:text-transparent:focus {
+ color: transparent;
+ }
+
+ .xl\:focus\:text-current:focus {
+ color: currentColor;
+ }
+
+ .xl\:focus\:text-black:focus {
+ color: #000;
+ }
+
+ .xl\:focus\:text-white:focus {
+ color: #fff;
+ }
+
+ .xl\:focus\:text-gray-100:focus {
+ color: #f7fafc;
+ }
+
+ .xl\:focus\:text-gray-200:focus {
+ color: #edf2f7;
+ }
+
+ .xl\:focus\:text-gray-300:focus {
+ color: #e2e8f0;
+ }
+
+ .xl\:focus\:text-gray-400:focus {
+ color: #cbd5e0;
+ }
+
+ .xl\:focus\:text-gray-500:focus {
+ color: #a0aec0;
+ }
+
+ .xl\:focus\:text-gray-600:focus {
+ color: #718096;
+ }
+
+ .xl\:focus\:text-gray-700:focus {
+ color: #4a5568;
+ }
+
+ .xl\:focus\:text-gray-800:focus {
+ color: #2d3748;
+ }
+
+ .xl\:focus\:text-gray-900:focus {
+ color: #1a202c;
+ }
+
+ .xl\:focus\:text-red-100:focus {
+ color: #fff5f5;
+ }
+
+ .xl\:focus\:text-red-200:focus {
+ color: #fed7d7;
+ }
+
+ .xl\:focus\:text-red-300:focus {
+ color: #feb2b2;
+ }
+
+ .xl\:focus\:text-red-400:focus {
+ color: #fc8181;
+ }
+
+ .xl\:focus\:text-red-500:focus {
+ color: #f56565;
+ }
+
+ .xl\:focus\:text-red-600:focus {
+ color: #e53e3e;
+ }
+
+ .xl\:focus\:text-red-700:focus {
+ color: #c53030;
+ }
+
+ .xl\:focus\:text-red-800:focus {
+ color: #9b2c2c;
+ }
+
+ .xl\:focus\:text-red-900:focus {
+ color: #742a2a;
+ }
+
+ .xl\:focus\:text-orange-100:focus {
+ color: #fffaf0;
+ }
+
+ .xl\:focus\:text-orange-200:focus {
+ color: #feebc8;
+ }
+
+ .xl\:focus\:text-orange-300:focus {
+ color: #fbd38d;
+ }
+
+ .xl\:focus\:text-orange-400:focus {
+ color: #f6ad55;
+ }
+
+ .xl\:focus\:text-orange-500:focus {
+ color: #ed8936;
+ }
+
+ .xl\:focus\:text-orange-600:focus {
+ color: #dd6b20;
+ }
+
+ .xl\:focus\:text-orange-700:focus {
+ color: #c05621;
+ }
+
+ .xl\:focus\:text-orange-800:focus {
+ color: #9c4221;
+ }
+
+ .xl\:focus\:text-orange-900:focus {
+ color: #7b341e;
+ }
+
+ .xl\:focus\:text-yellow-100:focus {
+ color: #fffff0;
+ }
+
+ .xl\:focus\:text-yellow-200:focus {
+ color: #fefcbf;
+ }
+
+ .xl\:focus\:text-yellow-300:focus {
+ color: #faf089;
+ }
+
+ .xl\:focus\:text-yellow-400:focus {
+ color: #f6e05e;
+ }
+
+ .xl\:focus\:text-yellow-500:focus {
+ color: #ecc94b;
+ }
+
+ .xl\:focus\:text-yellow-600:focus {
+ color: #d69e2e;
+ }
+
+ .xl\:focus\:text-yellow-700:focus {
+ color: #b7791f;
+ }
+
+ .xl\:focus\:text-yellow-800:focus {
+ color: #975a16;
+ }
+
+ .xl\:focus\:text-yellow-900:focus {
+ color: #744210;
+ }
+
+ .xl\:focus\:text-green-100:focus {
+ color: #f0fff4;
+ }
+
+ .xl\:focus\:text-green-200:focus {
+ color: #c6f6d5;
+ }
+
+ .xl\:focus\:text-green-300:focus {
+ color: #9ae6b4;
+ }
+
+ .xl\:focus\:text-green-400:focus {
+ color: #68d391;
+ }
+
+ .xl\:focus\:text-green-500:focus {
+ color: #48bb78;
+ }
+
+ .xl\:focus\:text-green-600:focus {
+ color: #38a169;
+ }
+
+ .xl\:focus\:text-green-700:focus {
+ color: #2f855a;
+ }
+
+ .xl\:focus\:text-green-800:focus {
+ color: #276749;
+ }
+
+ .xl\:focus\:text-green-900:focus {
+ color: #22543d;
+ }
+
+ .xl\:focus\:text-teal-100:focus {
+ color: #e6fffa;
+ }
+
+ .xl\:focus\:text-teal-200:focus {
+ color: #b2f5ea;
+ }
+
+ .xl\:focus\:text-teal-300:focus {
+ color: #81e6d9;
+ }
+
+ .xl\:focus\:text-teal-400:focus {
+ color: #4fd1c5;
+ }
+
+ .xl\:focus\:text-teal-500:focus {
+ color: #38b2ac;
+ }
+
+ .xl\:focus\:text-teal-600:focus {
+ color: #319795;
+ }
+
+ .xl\:focus\:text-teal-700:focus {
+ color: #2c7a7b;
+ }
+
+ .xl\:focus\:text-teal-800:focus {
+ color: #285e61;
+ }
+
+ .xl\:focus\:text-teal-900:focus {
+ color: #234e52;
+ }
+
+ .xl\:focus\:text-blue-100:focus {
+ color: #ebf8ff;
+ }
+
+ .xl\:focus\:text-blue-200:focus {
+ color: #bee3f8;
+ }
+
+ .xl\:focus\:text-blue-300:focus {
+ color: #90cdf4;
+ }
+
+ .xl\:focus\:text-blue-400:focus {
+ color: #63b3ed;
+ }
+
+ .xl\:focus\:text-blue-500:focus {
+ color: #4299e1;
+ }
+
+ .xl\:focus\:text-blue-600:focus {
+ color: #3182ce;
+ }
+
+ .xl\:focus\:text-blue-700:focus {
+ color: #2b6cb0;
+ }
+
+ .xl\:focus\:text-blue-800:focus {
+ color: #2c5282;
+ }
+
+ .xl\:focus\:text-blue-900:focus {
+ color: #2a4365;
+ }
+
+ .xl\:focus\:text-indigo-100:focus {
+ color: #ebf4ff;
+ }
+
+ .xl\:focus\:text-indigo-200:focus {
+ color: #c3dafe;
+ }
+
+ .xl\:focus\:text-indigo-300:focus {
+ color: #a3bffa;
+ }
+
+ .xl\:focus\:text-indigo-400:focus {
+ color: #7f9cf5;
+ }
+
+ .xl\:focus\:text-indigo-500:focus {
+ color: #667eea;
+ }
+
+ .xl\:focus\:text-indigo-600:focus {
+ color: #5a67d8;
+ }
+
+ .xl\:focus\:text-indigo-700:focus {
+ color: #4c51bf;
+ }
+
+ .xl\:focus\:text-indigo-800:focus {
+ color: #434190;
+ }
+
+ .xl\:focus\:text-indigo-900:focus {
+ color: #3c366b;
+ }
+
+ .xl\:focus\:text-purple-100:focus {
+ color: #faf5ff;
+ }
+
+ .xl\:focus\:text-purple-200:focus {
+ color: #e9d8fd;
+ }
+
+ .xl\:focus\:text-purple-300:focus {
+ color: #d6bcfa;
+ }
+
+ .xl\:focus\:text-purple-400:focus {
+ color: #b794f4;
+ }
+
+ .xl\:focus\:text-purple-500:focus {
+ color: #9f7aea;
+ }
+
+ .xl\:focus\:text-purple-600:focus {
+ color: #805ad5;
+ }
+
+ .xl\:focus\:text-purple-700:focus {
+ color: #6b46c1;
+ }
+
+ .xl\:focus\:text-purple-800:focus {
+ color: #553c9a;
+ }
+
+ .xl\:focus\:text-purple-900:focus {
+ color: #44337a;
+ }
+
+ .xl\:focus\:text-pink-100:focus {
+ color: #fff5f7;
+ }
+
+ .xl\:focus\:text-pink-200:focus {
+ color: #fed7e2;
+ }
+
+ .xl\:focus\:text-pink-300:focus {
+ color: #fbb6ce;
+ }
+
+ .xl\:focus\:text-pink-400:focus {
+ color: #f687b3;
+ }
+
+ .xl\:focus\:text-pink-500:focus {
+ color: #ed64a6;
+ }
+
+ .xl\:focus\:text-pink-600:focus {
+ color: #d53f8c;
+ }
+
+ .xl\:focus\:text-pink-700:focus {
+ color: #b83280;
+ }
+
+ .xl\:focus\:text-pink-800:focus {
+ color: #97266d;
+ }
+
+ .xl\:focus\:text-pink-900:focus {
+ color: #702459;
+ }
+
+ .xl\:italic {
+ font-style: italic;
+ }
+
+ .xl\:not-italic {
+ font-style: normal;
+ }
+
+ .xl\:uppercase {
+ text-transform: uppercase;
+ }
+
+ .xl\:lowercase {
+ text-transform: lowercase;
+ }
+
+ .xl\:capitalize {
+ text-transform: capitalize;
+ }
+
+ .xl\:normal-case {
+ text-transform: none;
+ }
+
+ .xl\:underline {
+ text-decoration: underline;
+ }
+
+ .xl\:line-through {
+ text-decoration: line-through;
+ }
+
+ .xl\:no-underline {
+ text-decoration: none;
+ }
+
+ .xl\:hover\:underline:hover {
+ text-decoration: underline;
+ }
+
+ .xl\:hover\:line-through:hover {
+ text-decoration: line-through;
+ }
+
+ .xl\:hover\:no-underline:hover {
+ text-decoration: none;
+ }
+
+ .xl\:focus\:underline:focus {
+ text-decoration: underline;
+ }
+
+ .xl\:focus\:line-through:focus {
+ text-decoration: line-through;
+ }
+
+ .xl\:focus\:no-underline:focus {
+ text-decoration: none;
+ }
+
+ .xl\:antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .xl\:subpixel-antialiased {
+ -webkit-font-smoothing: auto;
+ -moz-osx-font-smoothing: auto;
+ }
+
+ .xl\:tracking-tighter {
+ letter-spacing: -0.05em;
+ }
+
+ .xl\:tracking-tight {
+ letter-spacing: -0.025em;
+ }
+
+ .xl\:tracking-normal {
+ letter-spacing: 0;
+ }
+
+ .xl\:tracking-wide {
+ letter-spacing: 0.025em;
+ }
+
+ .xl\:tracking-wider {
+ letter-spacing: 0.05em;
+ }
+
+ .xl\:tracking-widest {
+ letter-spacing: 0.1em;
+ }
+
+ .xl\:select-none {
+ user-select: none;
+ }
+
+ .xl\:select-text {
+ user-select: text;
+ }
+
+ .xl\:select-all {
+ user-select: all;
+ }
+
+ .xl\:select-auto {
+ user-select: auto;
+ }
+
+ .xl\:align-baseline {
+ vertical-align: baseline;
+ }
+
+ .xl\:align-top {
+ vertical-align: top;
+ }
+
+ .xl\:align-middle {
+ vertical-align: middle;
+ }
+
+ .xl\:align-bottom {
+ vertical-align: bottom;
+ }
+
+ .xl\:align-text-top {
+ vertical-align: text-top;
+ }
+
+ .xl\:align-text-bottom {
+ vertical-align: text-bottom;
+ }
+
+ .xl\:visible {
+ visibility: visible;
+ }
+
+ .xl\:invisible {
+ visibility: hidden;
+ }
+
+ .xl\:whitespace-normal {
+ white-space: normal;
+ }
+
+ .xl\:whitespace-no-wrap {
+ white-space: nowrap;
+ }
+
+ .xl\:whitespace-pre {
+ white-space: pre;
+ }
+
+ .xl\:whitespace-pre-line {
+ white-space: pre-line;
+ }
+
+ .xl\:whitespace-pre-wrap {
+ white-space: pre-wrap;
+ }
+
+ .xl\:break-normal {
+ overflow-wrap: normal;
+ word-break: normal;
+ }
+
+ .xl\:break-words {
+ overflow-wrap: break-word;
+ }
+
+ .xl\:break-all {
+ word-break: break-all;
+ }
+
+ .xl\:truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ .xl\:w-0 {
+ width: 0;
+ }
+
+ .xl\:w-1 {
+ width: 0.25rem;
+ }
+
+ .xl\:w-2 {
+ width: 0.5rem;
+ }
+
+ .xl\:w-3 {
+ width: 0.75rem;
+ }
+
+ .xl\:w-4 {
+ width: 1rem;
+ }
+
+ .xl\:w-5 {
+ width: 1.25rem;
+ }
+
+ .xl\:w-6 {
+ width: 1.5rem;
+ }
+
+ .xl\:w-8 {
+ width: 2rem;
+ }
+
+ .xl\:w-10 {
+ width: 2.5rem;
+ }
+
+ .xl\:w-12 {
+ width: 3rem;
+ }
+
+ .xl\:w-16 {
+ width: 4rem;
+ }
+
+ .xl\:w-20 {
+ width: 5rem;
+ }
+
+ .xl\:w-24 {
+ width: 6rem;
+ }
+
+ .xl\:w-32 {
+ width: 8rem;
+ }
+
+ .xl\:w-40 {
+ width: 10rem;
+ }
+
+ .xl\:w-48 {
+ width: 12rem;
+ }
+
+ .xl\:w-56 {
+ width: 14rem;
+ }
+
+ .xl\:w-64 {
+ width: 16rem;
+ }
+
+ .xl\:w-auto {
+ width: auto;
+ }
+
+ .xl\:w-px {
+ width: 1px;
+ }
+
+ .xl\:w-1\/2 {
+ width: 50%;
+ }
+
+ .xl\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-2\/3 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-1\/4 {
+ width: 25%;
+ }
+
+ .xl\:w-2\/4 {
+ width: 50%;
+ }
+
+ .xl\:w-3\/4 {
+ width: 75%;
+ }
+
+ .xl\:w-1\/5 {
+ width: 20%;
+ }
+
+ .xl\:w-2\/5 {
+ width: 40%;
+ }
+
+ .xl\:w-3\/5 {
+ width: 60%;
+ }
+
+ .xl\:w-4\/5 {
+ width: 80%;
+ }
+
+ .xl\:w-1\/6 {
+ width: 16.666667%;
+ }
+
+ .xl\:w-2\/6 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-3\/6 {
+ width: 50%;
+ }
+
+ .xl\:w-4\/6 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-5\/6 {
+ width: 83.333333%;
+ }
+
+ .xl\:w-1\/12 {
+ width: 8.333333%;
+ }
+
+ .xl\:w-2\/12 {
+ width: 16.666667%;
+ }
+
+ .xl\:w-3\/12 {
+ width: 25%;
+ }
+
+ .xl\:w-4\/12 {
+ width: 33.333333%;
+ }
+
+ .xl\:w-5\/12 {
+ width: 41.666667%;
+ }
+
+ .xl\:w-6\/12 {
+ width: 50%;
+ }
+
+ .xl\:w-7\/12 {
+ width: 58.333333%;
+ }
+
+ .xl\:w-8\/12 {
+ width: 66.666667%;
+ }
+
+ .xl\:w-9\/12 {
+ width: 75%;
+ }
+
+ .xl\:w-10\/12 {
+ width: 83.333333%;
+ }
+
+ .xl\:w-11\/12 {
+ width: 91.666667%;
+ }
+
+ .xl\:w-full {
+ width: 100%;
+ }
+
+ .xl\:w-screen {
+ width: 100vw;
+ }
+
+ .xl\:z-0 {
+ z-index: 0;
+ }
+
+ .xl\:z-10 {
+ z-index: 10;
+ }
+
+ .xl\:z-20 {
+ z-index: 20;
+ }
+
+ .xl\:z-30 {
+ z-index: 30;
+ }
+
+ .xl\:z-40 {
+ z-index: 40;
+ }
+
+ .xl\:z-50 {
+ z-index: 50;
+ }
+
+ .xl\:z-auto {
+ z-index: auto;
+ }
+
+ .xl\:gap-0 {
+ grid-gap: 0;
+ gap: 0;
+ }
+
+ .xl\:gap-1 {
+ grid-gap: 0.25rem;
+ gap: 0.25rem;
+ }
+
+ .xl\:gap-2 {
+ grid-gap: 0.5rem;
+ gap: 0.5rem;
+ }
+
+ .xl\:gap-3 {
+ grid-gap: 0.75rem;
+ gap: 0.75rem;
+ }
+
+ .xl\:gap-4 {
+ grid-gap: 1rem;
+ gap: 1rem;
+ }
+
+ .xl\:gap-5 {
+ grid-gap: 1.25rem;
+ gap: 1.25rem;
+ }
+
+ .xl\:gap-6 {
+ grid-gap: 1.5rem;
+ gap: 1.5rem;
+ }
+
+ .xl\:gap-8 {
+ grid-gap: 2rem;
+ gap: 2rem;
+ }
+
+ .xl\:gap-10 {
+ grid-gap: 2.5rem;
+ gap: 2.5rem;
+ }
+
+ .xl\:gap-12 {
+ grid-gap: 3rem;
+ gap: 3rem;
+ }
+
+ .xl\:gap-16 {
+ grid-gap: 4rem;
+ gap: 4rem;
+ }
+
+ .xl\:gap-20 {
+ grid-gap: 5rem;
+ gap: 5rem;
+ }
+
+ .xl\:gap-24 {
+ grid-gap: 6rem;
+ gap: 6rem;
+ }
+
+ .xl\:gap-32 {
+ grid-gap: 8rem;
+ gap: 8rem;
+ }
+
+ .xl\:gap-40 {
+ grid-gap: 10rem;
+ gap: 10rem;
+ }
+
+ .xl\:gap-48 {
+ grid-gap: 12rem;
+ gap: 12rem;
+ }
+
+ .xl\:gap-56 {
+ grid-gap: 14rem;
+ gap: 14rem;
+ }
+
+ .xl\:gap-64 {
+ grid-gap: 16rem;
+ gap: 16rem;
+ }
+
+ .xl\:gap-px {
+ grid-gap: 1px;
+ gap: 1px;
+ }
+
+ .xl\:col-gap-0 {
+ grid-column-gap: 0;
+ column-gap: 0;
+ }
+
+ .xl\:col-gap-1 {
+ grid-column-gap: 0.25rem;
+ column-gap: 0.25rem;
+ }
+
+ .xl\:col-gap-2 {
+ grid-column-gap: 0.5rem;
+ column-gap: 0.5rem;
+ }
+
+ .xl\:col-gap-3 {
+ grid-column-gap: 0.75rem;
+ column-gap: 0.75rem;
+ }
+
+ .xl\:col-gap-4 {
+ grid-column-gap: 1rem;
+ column-gap: 1rem;
+ }
+
+ .xl\:col-gap-5 {
+ grid-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+
+ .xl\:col-gap-6 {
+ grid-column-gap: 1.5rem;
+ column-gap: 1.5rem;
+ }
+
+ .xl\:col-gap-8 {
+ grid-column-gap: 2rem;
+ column-gap: 2rem;
+ }
+
+ .xl\:col-gap-10 {
+ grid-column-gap: 2.5rem;
+ column-gap: 2.5rem;
+ }
+
+ .xl\:col-gap-12 {
+ grid-column-gap: 3rem;
+ column-gap: 3rem;
+ }
+
+ .xl\:col-gap-16 {
+ grid-column-gap: 4rem;
+ column-gap: 4rem;
+ }
+
+ .xl\:col-gap-20 {
+ grid-column-gap: 5rem;
+ column-gap: 5rem;
+ }
+
+ .xl\:col-gap-24 {
+ grid-column-gap: 6rem;
+ column-gap: 6rem;
+ }
+
+ .xl\:col-gap-32 {
+ grid-column-gap: 8rem;
+ column-gap: 8rem;
+ }
+
+ .xl\:col-gap-40 {
+ grid-column-gap: 10rem;
+ column-gap: 10rem;
+ }
+
+ .xl\:col-gap-48 {
+ grid-column-gap: 12rem;
+ column-gap: 12rem;
+ }
+
+ .xl\:col-gap-56 {
+ grid-column-gap: 14rem;
+ column-gap: 14rem;
+ }
+
+ .xl\:col-gap-64 {
+ grid-column-gap: 16rem;
+ column-gap: 16rem;
+ }
+
+ .xl\:col-gap-px {
+ grid-column-gap: 1px;
+ column-gap: 1px;
+ }
+
+ .xl\:row-gap-0 {
+ grid-row-gap: 0;
+ row-gap: 0;
+ }
+
+ .xl\:row-gap-1 {
+ grid-row-gap: 0.25rem;
+ row-gap: 0.25rem;
+ }
+
+ .xl\:row-gap-2 {
+ grid-row-gap: 0.5rem;
+ row-gap: 0.5rem;
+ }
+
+ .xl\:row-gap-3 {
+ grid-row-gap: 0.75rem;
+ row-gap: 0.75rem;
+ }
+
+ .xl\:row-gap-4 {
+ grid-row-gap: 1rem;
+ row-gap: 1rem;
+ }
+
+ .xl\:row-gap-5 {
+ grid-row-gap: 1.25rem;
+ row-gap: 1.25rem;
+ }
+
+ .xl\:row-gap-6 {
+ grid-row-gap: 1.5rem;
+ row-gap: 1.5rem;
+ }
+
+ .xl\:row-gap-8 {
+ grid-row-gap: 2rem;
+ row-gap: 2rem;
+ }
+
+ .xl\:row-gap-10 {
+ grid-row-gap: 2.5rem;
+ row-gap: 2.5rem;
+ }
+
+ .xl\:row-gap-12 {
+ grid-row-gap: 3rem;
+ row-gap: 3rem;
+ }
+
+ .xl\:row-gap-16 {
+ grid-row-gap: 4rem;
+ row-gap: 4rem;
+ }
+
+ .xl\:row-gap-20 {
+ grid-row-gap: 5rem;
+ row-gap: 5rem;
+ }
+
+ .xl\:row-gap-24 {
+ grid-row-gap: 6rem;
+ row-gap: 6rem;
+ }
+
+ .xl\:row-gap-32 {
+ grid-row-gap: 8rem;
+ row-gap: 8rem;
+ }
+
+ .xl\:row-gap-40 {
+ grid-row-gap: 10rem;
+ row-gap: 10rem;
+ }
+
+ .xl\:row-gap-48 {
+ grid-row-gap: 12rem;
+ row-gap: 12rem;
+ }
+
+ .xl\:row-gap-56 {
+ grid-row-gap: 14rem;
+ row-gap: 14rem;
+ }
+
+ .xl\:row-gap-64 {
+ grid-row-gap: 16rem;
+ row-gap: 16rem;
+ }
+
+ .xl\:row-gap-px {
+ grid-row-gap: 1px;
+ row-gap: 1px;
+ }
+
+ .xl\:grid-flow-row {
+ grid-auto-flow: row;
+ }
+
+ .xl\:grid-flow-col {
+ grid-auto-flow: column;
+ }
+
+ .xl\:grid-flow-row-dense {
+ grid-auto-flow: row dense;
+ }
+
+ .xl\:grid-flow-col-dense {
+ grid-auto-flow: column dense;
+ }
+
+ .xl\:grid-cols-1 {
+ grid-template-columns: repeat(1, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-2 {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-3 {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-4 {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-5 {
+ grid-template-columns: repeat(5, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-6 {
+ grid-template-columns: repeat(6, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-7 {
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-8 {
+ grid-template-columns: repeat(8, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-9 {
+ grid-template-columns: repeat(9, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-10 {
+ grid-template-columns: repeat(10, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-11 {
+ grid-template-columns: repeat(11, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-12 {
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ }
+
+ .xl\:grid-cols-none {
+ grid-template-columns: none;
+ }
+
+ .xl\:col-auto {
+ grid-column: auto;
+ }
+
+ .xl\:col-span-1 {
+ grid-column: span 1 / span 1;
+ }
+
+ .xl\:col-span-2 {
+ grid-column: span 2 / span 2;
+ }
+
+ .xl\:col-span-3 {
+ grid-column: span 3 / span 3;
+ }
+
+ .xl\:col-span-4 {
+ grid-column: span 4 / span 4;
+ }
+
+ .xl\:col-span-5 {
+ grid-column: span 5 / span 5;
+ }
+
+ .xl\:col-span-6 {
+ grid-column: span 6 / span 6;
+ }
+
+ .xl\:col-span-7 {
+ grid-column: span 7 / span 7;
+ }
+
+ .xl\:col-span-8 {
+ grid-column: span 8 / span 8;
+ }
+
+ .xl\:col-span-9 {
+ grid-column: span 9 / span 9;
+ }
+
+ .xl\:col-span-10 {
+ grid-column: span 10 / span 10;
+ }
+
+ .xl\:col-span-11 {
+ grid-column: span 11 / span 11;
+ }
+
+ .xl\:col-span-12 {
+ grid-column: span 12 / span 12;
+ }
+
+ .xl\:col-start-1 {
+ grid-column-start: 1;
+ }
+
+ .xl\:col-start-2 {
+ grid-column-start: 2;
+ }
+
+ .xl\:col-start-3 {
+ grid-column-start: 3;
+ }
+
+ .xl\:col-start-4 {
+ grid-column-start: 4;
+ }
+
+ .xl\:col-start-5 {
+ grid-column-start: 5;
+ }
+
+ .xl\:col-start-6 {
+ grid-column-start: 6;
+ }
+
+ .xl\:col-start-7 {
+ grid-column-start: 7;
+ }
+
+ .xl\:col-start-8 {
+ grid-column-start: 8;
+ }
+
+ .xl\:col-start-9 {
+ grid-column-start: 9;
+ }
+
+ .xl\:col-start-10 {
+ grid-column-start: 10;
+ }
+
+ .xl\:col-start-11 {
+ grid-column-start: 11;
+ }
+
+ .xl\:col-start-12 {
+ grid-column-start: 12;
+ }
+
+ .xl\:col-start-13 {
+ grid-column-start: 13;
+ }
+
+ .xl\:col-start-auto {
+ grid-column-start: auto;
+ }
+
+ .xl\:col-end-1 {
+ grid-column-end: 1;
+ }
+
+ .xl\:col-end-2 {
+ grid-column-end: 2;
+ }
+
+ .xl\:col-end-3 {
+ grid-column-end: 3;
+ }
+
+ .xl\:col-end-4 {
+ grid-column-end: 4;
+ }
+
+ .xl\:col-end-5 {
+ grid-column-end: 5;
+ }
+
+ .xl\:col-end-6 {
+ grid-column-end: 6;
+ }
+
+ .xl\:col-end-7 {
+ grid-column-end: 7;
+ }
+
+ .xl\:col-end-8 {
+ grid-column-end: 8;
+ }
+
+ .xl\:col-end-9 {
+ grid-column-end: 9;
+ }
+
+ .xl\:col-end-10 {
+ grid-column-end: 10;
+ }
+
+ .xl\:col-end-11 {
+ grid-column-end: 11;
+ }
+
+ .xl\:col-end-12 {
+ grid-column-end: 12;
+ }
+
+ .xl\:col-end-13 {
+ grid-column-end: 13;
+ }
+
+ .xl\:col-end-auto {
+ grid-column-end: auto;
+ }
+
+ .xl\:grid-rows-1 {
+ grid-template-rows: repeat(1, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-2 {
+ grid-template-rows: repeat(2, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-3 {
+ grid-template-rows: repeat(3, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-4 {
+ grid-template-rows: repeat(4, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-5 {
+ grid-template-rows: repeat(5, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-6 {
+ grid-template-rows: repeat(6, minmax(0, 1fr));
+ }
+
+ .xl\:grid-rows-none {
+ grid-template-rows: none;
+ }
+
+ .xl\:row-auto {
+ grid-row: auto;
+ }
+
+ .xl\:row-span-1 {
+ grid-row: span 1 / span 1;
+ }
+
+ .xl\:row-span-2 {
+ grid-row: span 2 / span 2;
+ }
+
+ .xl\:row-span-3 {
+ grid-row: span 3 / span 3;
+ }
+
+ .xl\:row-span-4 {
+ grid-row: span 4 / span 4;
+ }
+
+ .xl\:row-span-5 {
+ grid-row: span 5 / span 5;
+ }
+
+ .xl\:row-span-6 {
+ grid-row: span 6 / span 6;
+ }
+
+ .xl\:row-start-1 {
+ grid-row-start: 1;
+ }
+
+ .xl\:row-start-2 {
+ grid-row-start: 2;
+ }
+
+ .xl\:row-start-3 {
+ grid-row-start: 3;
+ }
+
+ .xl\:row-start-4 {
+ grid-row-start: 4;
+ }
+
+ .xl\:row-start-5 {
+ grid-row-start: 5;
+ }
+
+ .xl\:row-start-6 {
+ grid-row-start: 6;
+ }
+
+ .xl\:row-start-7 {
+ grid-row-start: 7;
+ }
+
+ .xl\:row-start-auto {
+ grid-row-start: auto;
+ }
+
+ .xl\:row-end-1 {
+ grid-row-end: 1;
+ }
+
+ .xl\:row-end-2 {
+ grid-row-end: 2;
+ }
+
+ .xl\:row-end-3 {
+ grid-row-end: 3;
+ }
+
+ .xl\:row-end-4 {
+ grid-row-end: 4;
+ }
+
+ .xl\:row-end-5 {
+ grid-row-end: 5;
+ }
+
+ .xl\:row-end-6 {
+ grid-row-end: 6;
+ }
+
+ .xl\:row-end-7 {
+ grid-row-end: 7;
+ }
+
+ .xl\:row-end-auto {
+ grid-row-end: auto;
+ }
+
+ .xl\:transform {
+ --transform-translate-x: 0;
+ --transform-translate-y: 0;
+ --transform-rotate: 0;
+ --transform-skew-x: 0;
+ --transform-skew-y: 0;
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+ }
+
+ .xl\:transform-none {
+ transform: none;
+ }
+
+ .xl\:origin-center {
+ transform-origin: center;
+ }
+
+ .xl\:origin-top {
+ transform-origin: top;
+ }
+
+ .xl\:origin-top-right {
+ transform-origin: top right;
+ }
+
+ .xl\:origin-right {
+ transform-origin: right;
+ }
+
+ .xl\:origin-bottom-right {
+ transform-origin: bottom right;
+ }
+
+ .xl\:origin-bottom {
+ transform-origin: bottom;
+ }
+
+ .xl\:origin-bottom-left {
+ transform-origin: bottom left;
+ }
+
+ .xl\:origin-left {
+ transform-origin: left;
+ }
+
+ .xl\:origin-top-left {
+ transform-origin: top left;
+ }
+
+ .xl\:scale-0 {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .xl\:scale-50 {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .xl\:scale-75 {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .xl\:scale-90 {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .xl\:scale-95 {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .xl\:scale-100 {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .xl\:scale-105 {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:scale-110 {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:scale-125 {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:scale-150 {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:scale-x-0 {
+ --transform-scale-x: 0;
+ }
+
+ .xl\:scale-x-50 {
+ --transform-scale-x: .5;
+ }
+
+ .xl\:scale-x-75 {
+ --transform-scale-x: .75;
+ }
+
+ .xl\:scale-x-90 {
+ --transform-scale-x: .9;
+ }
+
+ .xl\:scale-x-95 {
+ --transform-scale-x: .95;
+ }
+
+ .xl\:scale-x-100 {
+ --transform-scale-x: 1;
+ }
+
+ .xl\:scale-x-105 {
+ --transform-scale-x: 1.05;
+ }
+
+ .xl\:scale-x-110 {
+ --transform-scale-x: 1.1;
+ }
+
+ .xl\:scale-x-125 {
+ --transform-scale-x: 1.25;
+ }
+
+ .xl\:scale-x-150 {
+ --transform-scale-x: 1.5;
+ }
+
+ .xl\:scale-y-0 {
+ --transform-scale-y: 0;
+ }
+
+ .xl\:scale-y-50 {
+ --transform-scale-y: .5;
+ }
+
+ .xl\:scale-y-75 {
+ --transform-scale-y: .75;
+ }
+
+ .xl\:scale-y-90 {
+ --transform-scale-y: .9;
+ }
+
+ .xl\:scale-y-95 {
+ --transform-scale-y: .95;
+ }
+
+ .xl\:scale-y-100 {
+ --transform-scale-y: 1;
+ }
+
+ .xl\:scale-y-105 {
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:scale-y-110 {
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:scale-y-125 {
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:scale-y-150 {
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:hover\:scale-0:hover {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .xl\:hover\:scale-50:hover {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .xl\:hover\:scale-75:hover {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .xl\:hover\:scale-90:hover {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .xl\:hover\:scale-95:hover {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .xl\:hover\:scale-100:hover {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .xl\:hover\:scale-105:hover {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:hover\:scale-110:hover {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:hover\:scale-125:hover {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:hover\:scale-150:hover {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:hover\:scale-x-0:hover {
+ --transform-scale-x: 0;
+ }
+
+ .xl\:hover\:scale-x-50:hover {
+ --transform-scale-x: .5;
+ }
+
+ .xl\:hover\:scale-x-75:hover {
+ --transform-scale-x: .75;
+ }
+
+ .xl\:hover\:scale-x-90:hover {
+ --transform-scale-x: .9;
+ }
+
+ .xl\:hover\:scale-x-95:hover {
+ --transform-scale-x: .95;
+ }
+
+ .xl\:hover\:scale-x-100:hover {
+ --transform-scale-x: 1;
+ }
+
+ .xl\:hover\:scale-x-105:hover {
+ --transform-scale-x: 1.05;
+ }
+
+ .xl\:hover\:scale-x-110:hover {
+ --transform-scale-x: 1.1;
+ }
+
+ .xl\:hover\:scale-x-125:hover {
+ --transform-scale-x: 1.25;
+ }
+
+ .xl\:hover\:scale-x-150:hover {
+ --transform-scale-x: 1.5;
+ }
+
+ .xl\:hover\:scale-y-0:hover {
+ --transform-scale-y: 0;
+ }
+
+ .xl\:hover\:scale-y-50:hover {
+ --transform-scale-y: .5;
+ }
+
+ .xl\:hover\:scale-y-75:hover {
+ --transform-scale-y: .75;
+ }
+
+ .xl\:hover\:scale-y-90:hover {
+ --transform-scale-y: .9;
+ }
+
+ .xl\:hover\:scale-y-95:hover {
+ --transform-scale-y: .95;
+ }
+
+ .xl\:hover\:scale-y-100:hover {
+ --transform-scale-y: 1;
+ }
+
+ .xl\:hover\:scale-y-105:hover {
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:hover\:scale-y-110:hover {
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:hover\:scale-y-125:hover {
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:hover\:scale-y-150:hover {
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:focus\:scale-0:focus {
+ --transform-scale-x: 0;
+ --transform-scale-y: 0;
+ }
+
+ .xl\:focus\:scale-50:focus {
+ --transform-scale-x: .5;
+ --transform-scale-y: .5;
+ }
+
+ .xl\:focus\:scale-75:focus {
+ --transform-scale-x: .75;
+ --transform-scale-y: .75;
+ }
+
+ .xl\:focus\:scale-90:focus {
+ --transform-scale-x: .9;
+ --transform-scale-y: .9;
+ }
+
+ .xl\:focus\:scale-95:focus {
+ --transform-scale-x: .95;
+ --transform-scale-y: .95;
+ }
+
+ .xl\:focus\:scale-100:focus {
+ --transform-scale-x: 1;
+ --transform-scale-y: 1;
+ }
+
+ .xl\:focus\:scale-105:focus {
+ --transform-scale-x: 1.05;
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:focus\:scale-110:focus {
+ --transform-scale-x: 1.1;
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:focus\:scale-125:focus {
+ --transform-scale-x: 1.25;
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:focus\:scale-150:focus {
+ --transform-scale-x: 1.5;
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:focus\:scale-x-0:focus {
+ --transform-scale-x: 0;
+ }
+
+ .xl\:focus\:scale-x-50:focus {
+ --transform-scale-x: .5;
+ }
+
+ .xl\:focus\:scale-x-75:focus {
+ --transform-scale-x: .75;
+ }
+
+ .xl\:focus\:scale-x-90:focus {
+ --transform-scale-x: .9;
+ }
+
+ .xl\:focus\:scale-x-95:focus {
+ --transform-scale-x: .95;
+ }
+
+ .xl\:focus\:scale-x-100:focus {
+ --transform-scale-x: 1;
+ }
+
+ .xl\:focus\:scale-x-105:focus {
+ --transform-scale-x: 1.05;
+ }
+
+ .xl\:focus\:scale-x-110:focus {
+ --transform-scale-x: 1.1;
+ }
+
+ .xl\:focus\:scale-x-125:focus {
+ --transform-scale-x: 1.25;
+ }
+
+ .xl\:focus\:scale-x-150:focus {
+ --transform-scale-x: 1.5;
+ }
+
+ .xl\:focus\:scale-y-0:focus {
+ --transform-scale-y: 0;
+ }
+
+ .xl\:focus\:scale-y-50:focus {
+ --transform-scale-y: .5;
+ }
+
+ .xl\:focus\:scale-y-75:focus {
+ --transform-scale-y: .75;
+ }
+
+ .xl\:focus\:scale-y-90:focus {
+ --transform-scale-y: .9;
+ }
+
+ .xl\:focus\:scale-y-95:focus {
+ --transform-scale-y: .95;
+ }
+
+ .xl\:focus\:scale-y-100:focus {
+ --transform-scale-y: 1;
+ }
+
+ .xl\:focus\:scale-y-105:focus {
+ --transform-scale-y: 1.05;
+ }
+
+ .xl\:focus\:scale-y-110:focus {
+ --transform-scale-y: 1.1;
+ }
+
+ .xl\:focus\:scale-y-125:focus {
+ --transform-scale-y: 1.25;
+ }
+
+ .xl\:focus\:scale-y-150:focus {
+ --transform-scale-y: 1.5;
+ }
+
+ .xl\:rotate-0 {
+ --transform-rotate: 0;
+ }
+
+ .xl\:rotate-45 {
+ --transform-rotate: 45deg;
+ }
+
+ .xl\:rotate-90 {
+ --transform-rotate: 90deg;
+ }
+
+ .xl\:rotate-180 {
+ --transform-rotate: 180deg;
+ }
+
+ .xl\:-rotate-180 {
+ --transform-rotate: -180deg;
+ }
+
+ .xl\:-rotate-90 {
+ --transform-rotate: -90deg;
+ }
+
+ .xl\:-rotate-45 {
+ --transform-rotate: -45deg;
+ }
+
+ .xl\:hover\:rotate-0:hover {
+ --transform-rotate: 0;
+ }
+
+ .xl\:hover\:rotate-45:hover {
+ --transform-rotate: 45deg;
+ }
+
+ .xl\:hover\:rotate-90:hover {
+ --transform-rotate: 90deg;
+ }
+
+ .xl\:hover\:rotate-180:hover {
+ --transform-rotate: 180deg;
+ }
+
+ .xl\:hover\:-rotate-180:hover {
+ --transform-rotate: -180deg;
+ }
+
+ .xl\:hover\:-rotate-90:hover {
+ --transform-rotate: -90deg;
+ }
+
+ .xl\:hover\:-rotate-45:hover {
+ --transform-rotate: -45deg;
+ }
+
+ .xl\:focus\:rotate-0:focus {
+ --transform-rotate: 0;
+ }
+
+ .xl\:focus\:rotate-45:focus {
+ --transform-rotate: 45deg;
+ }
+
+ .xl\:focus\:rotate-90:focus {
+ --transform-rotate: 90deg;
+ }
+
+ .xl\:focus\:rotate-180:focus {
+ --transform-rotate: 180deg;
+ }
+
+ .xl\:focus\:-rotate-180:focus {
+ --transform-rotate: -180deg;
+ }
+
+ .xl\:focus\:-rotate-90:focus {
+ --transform-rotate: -90deg;
+ }
+
+ .xl\:focus\:-rotate-45:focus {
+ --transform-rotate: -45deg;
+ }
+
+ .xl\:translate-x-0 {
+ --transform-translate-x: 0;
+ }
+
+ .xl\:translate-x-1 {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .xl\:translate-x-2 {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .xl\:translate-x-3 {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .xl\:translate-x-4 {
+ --transform-translate-x: 1rem;
+ }
+
+ .xl\:translate-x-5 {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .xl\:translate-x-6 {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .xl\:translate-x-8 {
+ --transform-translate-x: 2rem;
+ }
+
+ .xl\:translate-x-10 {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .xl\:translate-x-12 {
+ --transform-translate-x: 3rem;
+ }
+
+ .xl\:translate-x-16 {
+ --transform-translate-x: 4rem;
+ }
+
+ .xl\:translate-x-20 {
+ --transform-translate-x: 5rem;
+ }
+
+ .xl\:translate-x-24 {
+ --transform-translate-x: 6rem;
+ }
+
+ .xl\:translate-x-32 {
+ --transform-translate-x: 8rem;
+ }
+
+ .xl\:translate-x-40 {
+ --transform-translate-x: 10rem;
+ }
+
+ .xl\:translate-x-48 {
+ --transform-translate-x: 12rem;
+ }
+
+ .xl\:translate-x-56 {
+ --transform-translate-x: 14rem;
+ }
+
+ .xl\:translate-x-64 {
+ --transform-translate-x: 16rem;
+ }
+
+ .xl\:translate-x-px {
+ --transform-translate-x: 1px;
+ }
+
+ .xl\:-translate-x-1 {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .xl\:-translate-x-2 {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .xl\:-translate-x-3 {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .xl\:-translate-x-4 {
+ --transform-translate-x: -1rem;
+ }
+
+ .xl\:-translate-x-5 {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .xl\:-translate-x-6 {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .xl\:-translate-x-8 {
+ --transform-translate-x: -2rem;
+ }
+
+ .xl\:-translate-x-10 {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .xl\:-translate-x-12 {
+ --transform-translate-x: -3rem;
+ }
+
+ .xl\:-translate-x-16 {
+ --transform-translate-x: -4rem;
+ }
+
+ .xl\:-translate-x-20 {
+ --transform-translate-x: -5rem;
+ }
+
+ .xl\:-translate-x-24 {
+ --transform-translate-x: -6rem;
+ }
+
+ .xl\:-translate-x-32 {
+ --transform-translate-x: -8rem;
+ }
+
+ .xl\:-translate-x-40 {
+ --transform-translate-x: -10rem;
+ }
+
+ .xl\:-translate-x-48 {
+ --transform-translate-x: -12rem;
+ }
+
+ .xl\:-translate-x-56 {
+ --transform-translate-x: -14rem;
+ }
+
+ .xl\:-translate-x-64 {
+ --transform-translate-x: -16rem;
+ }
+
+ .xl\:-translate-x-px {
+ --transform-translate-x: -1px;
+ }
+
+ .xl\:-translate-x-full {
+ --transform-translate-x: -100%;
+ }
+
+ .xl\:-translate-x-1\/2 {
+ --transform-translate-x: -50%;
+ }
+
+ .xl\:translate-x-1\/2 {
+ --transform-translate-x: 50%;
+ }
+
+ .xl\:translate-x-full {
+ --transform-translate-x: 100%;
+ }
+
+ .xl\:translate-y-0 {
+ --transform-translate-y: 0;
+ }
+
+ .xl\:translate-y-1 {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .xl\:translate-y-2 {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .xl\:translate-y-3 {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .xl\:translate-y-4 {
+ --transform-translate-y: 1rem;
+ }
+
+ .xl\:translate-y-5 {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .xl\:translate-y-6 {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .xl\:translate-y-8 {
+ --transform-translate-y: 2rem;
+ }
+
+ .xl\:translate-y-10 {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .xl\:translate-y-12 {
+ --transform-translate-y: 3rem;
+ }
+
+ .xl\:translate-y-16 {
+ --transform-translate-y: 4rem;
+ }
+
+ .xl\:translate-y-20 {
+ --transform-translate-y: 5rem;
+ }
+
+ .xl\:translate-y-24 {
+ --transform-translate-y: 6rem;
+ }
+
+ .xl\:translate-y-32 {
+ --transform-translate-y: 8rem;
+ }
+
+ .xl\:translate-y-40 {
+ --transform-translate-y: 10rem;
+ }
+
+ .xl\:translate-y-48 {
+ --transform-translate-y: 12rem;
+ }
+
+ .xl\:translate-y-56 {
+ --transform-translate-y: 14rem;
+ }
+
+ .xl\:translate-y-64 {
+ --transform-translate-y: 16rem;
+ }
+
+ .xl\:translate-y-px {
+ --transform-translate-y: 1px;
+ }
+
+ .xl\:-translate-y-1 {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .xl\:-translate-y-2 {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .xl\:-translate-y-3 {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .xl\:-translate-y-4 {
+ --transform-translate-y: -1rem;
+ }
+
+ .xl\:-translate-y-5 {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .xl\:-translate-y-6 {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .xl\:-translate-y-8 {
+ --transform-translate-y: -2rem;
+ }
+
+ .xl\:-translate-y-10 {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .xl\:-translate-y-12 {
+ --transform-translate-y: -3rem;
+ }
+
+ .xl\:-translate-y-16 {
+ --transform-translate-y: -4rem;
+ }
+
+ .xl\:-translate-y-20 {
+ --transform-translate-y: -5rem;
+ }
+
+ .xl\:-translate-y-24 {
+ --transform-translate-y: -6rem;
+ }
+
+ .xl\:-translate-y-32 {
+ --transform-translate-y: -8rem;
+ }
+
+ .xl\:-translate-y-40 {
+ --transform-translate-y: -10rem;
+ }
+
+ .xl\:-translate-y-48 {
+ --transform-translate-y: -12rem;
+ }
+
+ .xl\:-translate-y-56 {
+ --transform-translate-y: -14rem;
+ }
+
+ .xl\:-translate-y-64 {
+ --transform-translate-y: -16rem;
+ }
+
+ .xl\:-translate-y-px {
+ --transform-translate-y: -1px;
+ }
+
+ .xl\:-translate-y-full {
+ --transform-translate-y: -100%;
+ }
+
+ .xl\:-translate-y-1\/2 {
+ --transform-translate-y: -50%;
+ }
+
+ .xl\:translate-y-1\/2 {
+ --transform-translate-y: 50%;
+ }
+
+ .xl\:translate-y-full {
+ --transform-translate-y: 100%;
+ }
+
+ .xl\:hover\:translate-x-0:hover {
+ --transform-translate-x: 0;
+ }
+
+ .xl\:hover\:translate-x-1:hover {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .xl\:hover\:translate-x-2:hover {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .xl\:hover\:translate-x-3:hover {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .xl\:hover\:translate-x-4:hover {
+ --transform-translate-x: 1rem;
+ }
+
+ .xl\:hover\:translate-x-5:hover {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .xl\:hover\:translate-x-6:hover {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .xl\:hover\:translate-x-8:hover {
+ --transform-translate-x: 2rem;
+ }
+
+ .xl\:hover\:translate-x-10:hover {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .xl\:hover\:translate-x-12:hover {
+ --transform-translate-x: 3rem;
+ }
+
+ .xl\:hover\:translate-x-16:hover {
+ --transform-translate-x: 4rem;
+ }
+
+ .xl\:hover\:translate-x-20:hover {
+ --transform-translate-x: 5rem;
+ }
+
+ .xl\:hover\:translate-x-24:hover {
+ --transform-translate-x: 6rem;
+ }
+
+ .xl\:hover\:translate-x-32:hover {
+ --transform-translate-x: 8rem;
+ }
+
+ .xl\:hover\:translate-x-40:hover {
+ --transform-translate-x: 10rem;
+ }
+
+ .xl\:hover\:translate-x-48:hover {
+ --transform-translate-x: 12rem;
+ }
+
+ .xl\:hover\:translate-x-56:hover {
+ --transform-translate-x: 14rem;
+ }
+
+ .xl\:hover\:translate-x-64:hover {
+ --transform-translate-x: 16rem;
+ }
+
+ .xl\:hover\:translate-x-px:hover {
+ --transform-translate-x: 1px;
+ }
+
+ .xl\:hover\:-translate-x-1:hover {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .xl\:hover\:-translate-x-2:hover {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .xl\:hover\:-translate-x-3:hover {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .xl\:hover\:-translate-x-4:hover {
+ --transform-translate-x: -1rem;
+ }
+
+ .xl\:hover\:-translate-x-5:hover {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .xl\:hover\:-translate-x-6:hover {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .xl\:hover\:-translate-x-8:hover {
+ --transform-translate-x: -2rem;
+ }
+
+ .xl\:hover\:-translate-x-10:hover {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .xl\:hover\:-translate-x-12:hover {
+ --transform-translate-x: -3rem;
+ }
+
+ .xl\:hover\:-translate-x-16:hover {
+ --transform-translate-x: -4rem;
+ }
+
+ .xl\:hover\:-translate-x-20:hover {
+ --transform-translate-x: -5rem;
+ }
+
+ .xl\:hover\:-translate-x-24:hover {
+ --transform-translate-x: -6rem;
+ }
+
+ .xl\:hover\:-translate-x-32:hover {
+ --transform-translate-x: -8rem;
+ }
+
+ .xl\:hover\:-translate-x-40:hover {
+ --transform-translate-x: -10rem;
+ }
+
+ .xl\:hover\:-translate-x-48:hover {
+ --transform-translate-x: -12rem;
+ }
+
+ .xl\:hover\:-translate-x-56:hover {
+ --transform-translate-x: -14rem;
+ }
+
+ .xl\:hover\:-translate-x-64:hover {
+ --transform-translate-x: -16rem;
+ }
+
+ .xl\:hover\:-translate-x-px:hover {
+ --transform-translate-x: -1px;
+ }
+
+ .xl\:hover\:-translate-x-full:hover {
+ --transform-translate-x: -100%;
+ }
+
+ .xl\:hover\:-translate-x-1\/2:hover {
+ --transform-translate-x: -50%;
+ }
+
+ .xl\:hover\:translate-x-1\/2:hover {
+ --transform-translate-x: 50%;
+ }
+
+ .xl\:hover\:translate-x-full:hover {
+ --transform-translate-x: 100%;
+ }
+
+ .xl\:hover\:translate-y-0:hover {
+ --transform-translate-y: 0;
+ }
+
+ .xl\:hover\:translate-y-1:hover {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .xl\:hover\:translate-y-2:hover {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .xl\:hover\:translate-y-3:hover {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .xl\:hover\:translate-y-4:hover {
+ --transform-translate-y: 1rem;
+ }
+
+ .xl\:hover\:translate-y-5:hover {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .xl\:hover\:translate-y-6:hover {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .xl\:hover\:translate-y-8:hover {
+ --transform-translate-y: 2rem;
+ }
+
+ .xl\:hover\:translate-y-10:hover {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .xl\:hover\:translate-y-12:hover {
+ --transform-translate-y: 3rem;
+ }
+
+ .xl\:hover\:translate-y-16:hover {
+ --transform-translate-y: 4rem;
+ }
+
+ .xl\:hover\:translate-y-20:hover {
+ --transform-translate-y: 5rem;
+ }
+
+ .xl\:hover\:translate-y-24:hover {
+ --transform-translate-y: 6rem;
+ }
+
+ .xl\:hover\:translate-y-32:hover {
+ --transform-translate-y: 8rem;
+ }
+
+ .xl\:hover\:translate-y-40:hover {
+ --transform-translate-y: 10rem;
+ }
+
+ .xl\:hover\:translate-y-48:hover {
+ --transform-translate-y: 12rem;
+ }
+
+ .xl\:hover\:translate-y-56:hover {
+ --transform-translate-y: 14rem;
+ }
+
+ .xl\:hover\:translate-y-64:hover {
+ --transform-translate-y: 16rem;
+ }
+
+ .xl\:hover\:translate-y-px:hover {
+ --transform-translate-y: 1px;
+ }
+
+ .xl\:hover\:-translate-y-1:hover {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .xl\:hover\:-translate-y-2:hover {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .xl\:hover\:-translate-y-3:hover {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .xl\:hover\:-translate-y-4:hover {
+ --transform-translate-y: -1rem;
+ }
+
+ .xl\:hover\:-translate-y-5:hover {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .xl\:hover\:-translate-y-6:hover {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .xl\:hover\:-translate-y-8:hover {
+ --transform-translate-y: -2rem;
+ }
+
+ .xl\:hover\:-translate-y-10:hover {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .xl\:hover\:-translate-y-12:hover {
+ --transform-translate-y: -3rem;
+ }
+
+ .xl\:hover\:-translate-y-16:hover {
+ --transform-translate-y: -4rem;
+ }
+
+ .xl\:hover\:-translate-y-20:hover {
+ --transform-translate-y: -5rem;
+ }
+
+ .xl\:hover\:-translate-y-24:hover {
+ --transform-translate-y: -6rem;
+ }
+
+ .xl\:hover\:-translate-y-32:hover {
+ --transform-translate-y: -8rem;
+ }
+
+ .xl\:hover\:-translate-y-40:hover {
+ --transform-translate-y: -10rem;
+ }
+
+ .xl\:hover\:-translate-y-48:hover {
+ --transform-translate-y: -12rem;
+ }
+
+ .xl\:hover\:-translate-y-56:hover {
+ --transform-translate-y: -14rem;
+ }
+
+ .xl\:hover\:-translate-y-64:hover {
+ --transform-translate-y: -16rem;
+ }
+
+ .xl\:hover\:-translate-y-px:hover {
+ --transform-translate-y: -1px;
+ }
+
+ .xl\:hover\:-translate-y-full:hover {
+ --transform-translate-y: -100%;
+ }
+
+ .xl\:hover\:-translate-y-1\/2:hover {
+ --transform-translate-y: -50%;
+ }
+
+ .xl\:hover\:translate-y-1\/2:hover {
+ --transform-translate-y: 50%;
+ }
+
+ .xl\:hover\:translate-y-full:hover {
+ --transform-translate-y: 100%;
+ }
+
+ .xl\:focus\:translate-x-0:focus {
+ --transform-translate-x: 0;
+ }
+
+ .xl\:focus\:translate-x-1:focus {
+ --transform-translate-x: 0.25rem;
+ }
+
+ .xl\:focus\:translate-x-2:focus {
+ --transform-translate-x: 0.5rem;
+ }
+
+ .xl\:focus\:translate-x-3:focus {
+ --transform-translate-x: 0.75rem;
+ }
+
+ .xl\:focus\:translate-x-4:focus {
+ --transform-translate-x: 1rem;
+ }
+
+ .xl\:focus\:translate-x-5:focus {
+ --transform-translate-x: 1.25rem;
+ }
+
+ .xl\:focus\:translate-x-6:focus {
+ --transform-translate-x: 1.5rem;
+ }
+
+ .xl\:focus\:translate-x-8:focus {
+ --transform-translate-x: 2rem;
+ }
+
+ .xl\:focus\:translate-x-10:focus {
+ --transform-translate-x: 2.5rem;
+ }
+
+ .xl\:focus\:translate-x-12:focus {
+ --transform-translate-x: 3rem;
+ }
+
+ .xl\:focus\:translate-x-16:focus {
+ --transform-translate-x: 4rem;
+ }
+
+ .xl\:focus\:translate-x-20:focus {
+ --transform-translate-x: 5rem;
+ }
+
+ .xl\:focus\:translate-x-24:focus {
+ --transform-translate-x: 6rem;
+ }
+
+ .xl\:focus\:translate-x-32:focus {
+ --transform-translate-x: 8rem;
+ }
+
+ .xl\:focus\:translate-x-40:focus {
+ --transform-translate-x: 10rem;
+ }
+
+ .xl\:focus\:translate-x-48:focus {
+ --transform-translate-x: 12rem;
+ }
+
+ .xl\:focus\:translate-x-56:focus {
+ --transform-translate-x: 14rem;
+ }
+
+ .xl\:focus\:translate-x-64:focus {
+ --transform-translate-x: 16rem;
+ }
+
+ .xl\:focus\:translate-x-px:focus {
+ --transform-translate-x: 1px;
+ }
+
+ .xl\:focus\:-translate-x-1:focus {
+ --transform-translate-x: -0.25rem;
+ }
+
+ .xl\:focus\:-translate-x-2:focus {
+ --transform-translate-x: -0.5rem;
+ }
+
+ .xl\:focus\:-translate-x-3:focus {
+ --transform-translate-x: -0.75rem;
+ }
+
+ .xl\:focus\:-translate-x-4:focus {
+ --transform-translate-x: -1rem;
+ }
+
+ .xl\:focus\:-translate-x-5:focus {
+ --transform-translate-x: -1.25rem;
+ }
+
+ .xl\:focus\:-translate-x-6:focus {
+ --transform-translate-x: -1.5rem;
+ }
+
+ .xl\:focus\:-translate-x-8:focus {
+ --transform-translate-x: -2rem;
+ }
+
+ .xl\:focus\:-translate-x-10:focus {
+ --transform-translate-x: -2.5rem;
+ }
+
+ .xl\:focus\:-translate-x-12:focus {
+ --transform-translate-x: -3rem;
+ }
+
+ .xl\:focus\:-translate-x-16:focus {
+ --transform-translate-x: -4rem;
+ }
+
+ .xl\:focus\:-translate-x-20:focus {
+ --transform-translate-x: -5rem;
+ }
+
+ .xl\:focus\:-translate-x-24:focus {
+ --transform-translate-x: -6rem;
+ }
+
+ .xl\:focus\:-translate-x-32:focus {
+ --transform-translate-x: -8rem;
+ }
+
+ .xl\:focus\:-translate-x-40:focus {
+ --transform-translate-x: -10rem;
+ }
+
+ .xl\:focus\:-translate-x-48:focus {
+ --transform-translate-x: -12rem;
+ }
+
+ .xl\:focus\:-translate-x-56:focus {
+ --transform-translate-x: -14rem;
+ }
+
+ .xl\:focus\:-translate-x-64:focus {
+ --transform-translate-x: -16rem;
+ }
+
+ .xl\:focus\:-translate-x-px:focus {
+ --transform-translate-x: -1px;
+ }
+
+ .xl\:focus\:-translate-x-full:focus {
+ --transform-translate-x: -100%;
+ }
+
+ .xl\:focus\:-translate-x-1\/2:focus {
+ --transform-translate-x: -50%;
+ }
+
+ .xl\:focus\:translate-x-1\/2:focus {
+ --transform-translate-x: 50%;
+ }
+
+ .xl\:focus\:translate-x-full:focus {
+ --transform-translate-x: 100%;
+ }
+
+ .xl\:focus\:translate-y-0:focus {
+ --transform-translate-y: 0;
+ }
+
+ .xl\:focus\:translate-y-1:focus {
+ --transform-translate-y: 0.25rem;
+ }
+
+ .xl\:focus\:translate-y-2:focus {
+ --transform-translate-y: 0.5rem;
+ }
+
+ .xl\:focus\:translate-y-3:focus {
+ --transform-translate-y: 0.75rem;
+ }
+
+ .xl\:focus\:translate-y-4:focus {
+ --transform-translate-y: 1rem;
+ }
+
+ .xl\:focus\:translate-y-5:focus {
+ --transform-translate-y: 1.25rem;
+ }
+
+ .xl\:focus\:translate-y-6:focus {
+ --transform-translate-y: 1.5rem;
+ }
+
+ .xl\:focus\:translate-y-8:focus {
+ --transform-translate-y: 2rem;
+ }
+
+ .xl\:focus\:translate-y-10:focus {
+ --transform-translate-y: 2.5rem;
+ }
+
+ .xl\:focus\:translate-y-12:focus {
+ --transform-translate-y: 3rem;
+ }
+
+ .xl\:focus\:translate-y-16:focus {
+ --transform-translate-y: 4rem;
+ }
+
+ .xl\:focus\:translate-y-20:focus {
+ --transform-translate-y: 5rem;
+ }
+
+ .xl\:focus\:translate-y-24:focus {
+ --transform-translate-y: 6rem;
+ }
+
+ .xl\:focus\:translate-y-32:focus {
+ --transform-translate-y: 8rem;
+ }
+
+ .xl\:focus\:translate-y-40:focus {
+ --transform-translate-y: 10rem;
+ }
+
+ .xl\:focus\:translate-y-48:focus {
+ --transform-translate-y: 12rem;
+ }
+
+ .xl\:focus\:translate-y-56:focus {
+ --transform-translate-y: 14rem;
+ }
+
+ .xl\:focus\:translate-y-64:focus {
+ --transform-translate-y: 16rem;
+ }
+
+ .xl\:focus\:translate-y-px:focus {
+ --transform-translate-y: 1px;
+ }
+
+ .xl\:focus\:-translate-y-1:focus {
+ --transform-translate-y: -0.25rem;
+ }
+
+ .xl\:focus\:-translate-y-2:focus {
+ --transform-translate-y: -0.5rem;
+ }
+
+ .xl\:focus\:-translate-y-3:focus {
+ --transform-translate-y: -0.75rem;
+ }
+
+ .xl\:focus\:-translate-y-4:focus {
+ --transform-translate-y: -1rem;
+ }
+
+ .xl\:focus\:-translate-y-5:focus {
+ --transform-translate-y: -1.25rem;
+ }
+
+ .xl\:focus\:-translate-y-6:focus {
+ --transform-translate-y: -1.5rem;
+ }
+
+ .xl\:focus\:-translate-y-8:focus {
+ --transform-translate-y: -2rem;
+ }
+
+ .xl\:focus\:-translate-y-10:focus {
+ --transform-translate-y: -2.5rem;
+ }
+
+ .xl\:focus\:-translate-y-12:focus {
+ --transform-translate-y: -3rem;
+ }
+
+ .xl\:focus\:-translate-y-16:focus {
+ --transform-translate-y: -4rem;
+ }
+
+ .xl\:focus\:-translate-y-20:focus {
+ --transform-translate-y: -5rem;
+ }
+
+ .xl\:focus\:-translate-y-24:focus {
+ --transform-translate-y: -6rem;
+ }
+
+ .xl\:focus\:-translate-y-32:focus {
+ --transform-translate-y: -8rem;
+ }
+
+ .xl\:focus\:-translate-y-40:focus {
+ --transform-translate-y: -10rem;
+ }
+
+ .xl\:focus\:-translate-y-48:focus {
+ --transform-translate-y: -12rem;
+ }
+
+ .xl\:focus\:-translate-y-56:focus {
+ --transform-translate-y: -14rem;
+ }
+
+ .xl\:focus\:-translate-y-64:focus {
+ --transform-translate-y: -16rem;
+ }
+
+ .xl\:focus\:-translate-y-px:focus {
+ --transform-translate-y: -1px;
+ }
+
+ .xl\:focus\:-translate-y-full:focus {
+ --transform-translate-y: -100%;
+ }
+
+ .xl\:focus\:-translate-y-1\/2:focus {
+ --transform-translate-y: -50%;
+ }
+
+ .xl\:focus\:translate-y-1\/2:focus {
+ --transform-translate-y: 50%;
+ }
+
+ .xl\:focus\:translate-y-full:focus {
+ --transform-translate-y: 100%;
+ }
+
+ .xl\:skew-x-0 {
+ --transform-skew-x: 0;
+ }
+
+ .xl\:skew-x-3 {
+ --transform-skew-x: 3deg;
+ }
+
+ .xl\:skew-x-6 {
+ --transform-skew-x: 6deg;
+ }
+
+ .xl\:skew-x-12 {
+ --transform-skew-x: 12deg;
+ }
+
+ .xl\:-skew-x-12 {
+ --transform-skew-x: -12deg;
+ }
+
+ .xl\:-skew-x-6 {
+ --transform-skew-x: -6deg;
+ }
+
+ .xl\:-skew-x-3 {
+ --transform-skew-x: -3deg;
+ }
+
+ .xl\:skew-y-0 {
+ --transform-skew-y: 0;
+ }
+
+ .xl\:skew-y-3 {
+ --transform-skew-y: 3deg;
+ }
+
+ .xl\:skew-y-6 {
+ --transform-skew-y: 6deg;
+ }
+
+ .xl\:skew-y-12 {
+ --transform-skew-y: 12deg;
+ }
+
+ .xl\:-skew-y-12 {
+ --transform-skew-y: -12deg;
+ }
+
+ .xl\:-skew-y-6 {
+ --transform-skew-y: -6deg;
+ }
+
+ .xl\:-skew-y-3 {
+ --transform-skew-y: -3deg;
+ }
+
+ .xl\:hover\:skew-x-0:hover {
+ --transform-skew-x: 0;
+ }
+
+ .xl\:hover\:skew-x-3:hover {
+ --transform-skew-x: 3deg;
+ }
+
+ .xl\:hover\:skew-x-6:hover {
+ --transform-skew-x: 6deg;
+ }
+
+ .xl\:hover\:skew-x-12:hover {
+ --transform-skew-x: 12deg;
+ }
+
+ .xl\:hover\:-skew-x-12:hover {
+ --transform-skew-x: -12deg;
+ }
+
+ .xl\:hover\:-skew-x-6:hover {
+ --transform-skew-x: -6deg;
+ }
+
+ .xl\:hover\:-skew-x-3:hover {
+ --transform-skew-x: -3deg;
+ }
+
+ .xl\:hover\:skew-y-0:hover {
+ --transform-skew-y: 0;
+ }
+
+ .xl\:hover\:skew-y-3:hover {
+ --transform-skew-y: 3deg;
+ }
+
+ .xl\:hover\:skew-y-6:hover {
+ --transform-skew-y: 6deg;
+ }
+
+ .xl\:hover\:skew-y-12:hover {
+ --transform-skew-y: 12deg;
+ }
+
+ .xl\:hover\:-skew-y-12:hover {
+ --transform-skew-y: -12deg;
+ }
+
+ .xl\:hover\:-skew-y-6:hover {
+ --transform-skew-y: -6deg;
+ }
+
+ .xl\:hover\:-skew-y-3:hover {
+ --transform-skew-y: -3deg;
+ }
+
+ .xl\:focus\:skew-x-0:focus {
+ --transform-skew-x: 0;
+ }
+
+ .xl\:focus\:skew-x-3:focus {
+ --transform-skew-x: 3deg;
+ }
+
+ .xl\:focus\:skew-x-6:focus {
+ --transform-skew-x: 6deg;
+ }
+
+ .xl\:focus\:skew-x-12:focus {
+ --transform-skew-x: 12deg;
+ }
+
+ .xl\:focus\:-skew-x-12:focus {
+ --transform-skew-x: -12deg;
+ }
+
+ .xl\:focus\:-skew-x-6:focus {
+ --transform-skew-x: -6deg;
+ }
+
+ .xl\:focus\:-skew-x-3:focus {
+ --transform-skew-x: -3deg;
+ }
+
+ .xl\:focus\:skew-y-0:focus {
+ --transform-skew-y: 0;
+ }
+
+ .xl\:focus\:skew-y-3:focus {
+ --transform-skew-y: 3deg;
+ }
+
+ .xl\:focus\:skew-y-6:focus {
+ --transform-skew-y: 6deg;
+ }
+
+ .xl\:focus\:skew-y-12:focus {
+ --transform-skew-y: 12deg;
+ }
+
+ .xl\:focus\:-skew-y-12:focus {
+ --transform-skew-y: -12deg;
+ }
+
+ .xl\:focus\:-skew-y-6:focus {
+ --transform-skew-y: -6deg;
+ }
+
+ .xl\:focus\:-skew-y-3:focus {
+ --transform-skew-y: -3deg;
+ }
+
+ .xl\:transition-none {
+ transition-property: none;
+ }
+
+ .xl\:transition-all {
+ transition-property: all;
+ }
+
+ .xl\:transition {
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+ }
+
+ .xl\:transition-colors {
+ transition-property: background-color, border-color, color, fill, stroke;
+ }
+
+ .xl\:transition-opacity {
+ transition-property: opacity;
+ }
+
+ .xl\:transition-shadow {
+ transition-property: box-shadow;
+ }
+
+ .xl\:transition-transform {
+ transition-property: transform;
+ }
+
+ .xl\:ease-linear {
+ transition-timing-function: linear;
+ }
+
+ .xl\:ease-in {
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+ }
+
+ .xl\:ease-out {
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ }
+
+ .xl\:ease-in-out {
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .xl\:duration-75 {
+ transition-duration: 75ms;
+ }
+
+ .xl\:duration-100 {
+ transition-duration: 100ms;
+ }
+
+ .xl\:duration-150 {
+ transition-duration: 150ms;
+ }
+
+ .xl\:duration-200 {
+ transition-duration: 200ms;
+ }
+
+ .xl\:duration-300 {
+ transition-duration: 300ms;
+ }
+
+ .xl\:duration-500 {
+ transition-duration: 500ms;
+ }
+
+ .xl\:duration-700 {
+ transition-duration: 700ms;
+ }
+
+ .xl\:duration-1000 {
+ transition-duration: 1000ms;
+ }
+
+ .xl\:delay-75 {
+ transition-delay: 75ms;
+ }
+
+ .xl\:delay-100 {
+ transition-delay: 100ms;
+ }
+
+ .xl\:delay-150 {
+ transition-delay: 150ms;
+ }
+
+ .xl\:delay-200 {
+ transition-delay: 200ms;
+ }
+
+ .xl\:delay-300 {
+ transition-delay: 300ms;
+ }
+
+ .xl\:delay-500 {
+ transition-delay: 500ms;
+ }
+
+ .xl\:delay-700 {
+ transition-delay: 700ms;
+ }
+
+ .xl\:delay-1000 {
+ transition-delay: 1000ms;
+ }
+
+ .xl\:animate-none {
+ animation: none;
+ }
+
+ .xl\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .xl\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .xl\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .xl\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
+ .xl\:example {
+ font-weight: 700;
+ color: #f56565;
+ }
+}
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 0136ffc83..72d1eb126 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -377,7 +377,6 @@ pre {
button {
background-color: transparent;
background-image: none;
- padding: 0;
}
/**
@@ -606,6 +605,1106 @@ video {
}
}
+.space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+}
+
+.space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+}
+
+.space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+}
+
+.space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+}
+
+.space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+}
+
+.space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+}
+
+.space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+}
+
+.space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+}
+
+.space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+}
+
+.space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+}
+
+.space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+}
+
+.space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+}
+
+.space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+}
+
+.space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+}
+
+.space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+}
+
+.space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+}
+
+.space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+}
+
+.space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+}
+
+.space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+}
+
+.space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+}
+
+.-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+}
+
+.-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+}
+
+.-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+}
+
+.-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+}
+
+.-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+}
+
+.-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+}
+
+.-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+}
+
+.-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+}
+
+.-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+}
+
+.-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+}
+
+.-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+}
+
+.-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+}
+
+.-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+}
+
+.-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+}
+
+.-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+}
+
+.-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+}
+
+.-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+}
+
+.-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+}
+
+.-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+}
+
+.space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+}
+
+.space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+}
+
+.divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+}
+
+.divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+}
+
+.divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+}
+
+.divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+}
+
+.divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+}
+
+.divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+}
+
+.divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+}
+
+.divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+}
+
+.divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+}
+
+.divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+}
+
+.divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+}
+
+.divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+}
+
+.divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--divide-opacity));
+}
+
+.divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--divide-opacity));
+}
+
+.divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--divide-opacity));
+}
+
+.divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--divide-opacity));
+}
+
+.divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--divide-opacity));
+}
+
+.divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--divide-opacity));
+}
+
+.divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--divide-opacity));
+}
+
+.divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--divide-opacity));
+}
+
+.divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--divide-opacity));
+}
+
+.divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--divide-opacity));
+}
+
+.divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--divide-opacity));
+}
+
+.divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--divide-opacity));
+}
+
+.divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--divide-opacity));
+}
+
+.divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--divide-opacity));
+}
+
+.divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--divide-opacity));
+}
+
+.divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--divide-opacity));
+}
+
+.divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--divide-opacity));
+}
+
+.divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--divide-opacity));
+}
+
+.divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--divide-opacity));
+}
+
+.divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--divide-opacity));
+}
+
+.divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--divide-opacity));
+}
+
+.divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--divide-opacity));
+}
+
+.divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--divide-opacity));
+}
+
+.divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--divide-opacity));
+}
+
+.divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--divide-opacity));
+}
+
+.divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--divide-opacity));
+}
+
+.divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--divide-opacity));
+}
+
+.divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--divide-opacity));
+}
+
+.divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--divide-opacity));
+}
+
+.divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--divide-opacity));
+}
+
+.divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--divide-opacity));
+}
+
+.divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--divide-opacity));
+}
+
+.divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--divide-opacity));
+}
+
+.divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--divide-opacity));
+}
+
+.divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--divide-opacity));
+}
+
+.divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--divide-opacity));
+}
+
+.divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--divide-opacity));
+}
+
+.divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--divide-opacity));
+}
+
+.divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--divide-opacity));
+}
+
+.divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--divide-opacity));
+}
+
+.divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--divide-opacity));
+}
+
+.divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--divide-opacity));
+}
+
+.divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--divide-opacity));
+}
+
+.divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--divide-opacity));
+}
+
+.divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--divide-opacity));
+}
+
+.divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--divide-opacity));
+}
+
+.divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--divide-opacity));
+}
+
+.divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--divide-opacity));
+}
+
+.divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--divide-opacity));
+}
+
+.divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--divide-opacity));
+}
+
+.divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--divide-opacity));
+}
+
+.divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--divide-opacity));
+}
+
+.divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--divide-opacity));
+}
+
+.divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--divide-opacity));
+}
+
+.divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--divide-opacity));
+}
+
+.divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--divide-opacity));
+}
+
+.divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--divide-opacity));
+}
+
+.divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--divide-opacity));
+}
+
+.divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--divide-opacity));
+}
+
+.divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--divide-opacity));
+}
+
+.divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--divide-opacity));
+}
+
+.divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--divide-opacity));
+}
+
+.divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--divide-opacity));
+}
+
+.divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--divide-opacity));
+}
+
+.divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--divide-opacity));
+}
+
+.divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--divide-opacity));
+}
+
+.divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--divide-opacity));
+}
+
+.divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--divide-opacity));
+}
+
+.divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--divide-opacity));
+}
+
+.divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--divide-opacity));
+}
+
+.divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--divide-opacity));
+}
+
+.divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--divide-opacity));
+}
+
+.divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--divide-opacity));
+}
+
+.divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--divide-opacity));
+}
+
+.divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--divide-opacity));
+}
+
+.divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--divide-opacity));
+}
+
+.divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--divide-opacity));
+}
+
+.divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--divide-opacity));
+}
+
+.divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--divide-opacity));
+}
+
+.divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--divide-opacity));
+}
+
+.divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--divide-opacity));
+}
+
+.divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--divide-opacity));
+}
+
+.divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--divide-opacity));
+}
+
+.divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--divide-opacity));
+}
+
+.divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--divide-opacity));
+}
+
+.divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--divide-opacity));
+}
+
+.divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--divide-opacity));
+}
+
+.divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--divide-opacity));
+}
+
+.divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--divide-opacity));
+}
+
+.divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--divide-opacity));
+}
+
+.divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+}
+
+.divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+}
+
+.divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+}
+
+.divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+}
+
+.divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+}
+
.sr-only {
position: absolute;
width: 1px;
@@ -677,371 +1776,555 @@ video {
}
.bg-black {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.bg-white {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.bg-gray-100 {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.bg-gray-200 {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.bg-gray-300 {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.bg-gray-400 {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.bg-gray-500 {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.bg-gray-600 {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.bg-gray-700 {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.bg-gray-800 {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.bg-gray-900 {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.bg-red-100 {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.bg-red-200 {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.bg-red-300 {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.bg-red-400 {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.bg-red-500 {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.bg-red-600 {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.bg-red-700 {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.bg-red-800 {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.bg-red-900 {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.bg-orange-100 {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.bg-orange-200 {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.bg-orange-300 {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.bg-orange-400 {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.bg-orange-500 {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.bg-orange-600 {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.bg-orange-700 {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.bg-orange-800 {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.bg-orange-900 {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.bg-yellow-100 {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.bg-yellow-200 {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.bg-yellow-300 {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.bg-yellow-400 {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.bg-yellow-500 {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.bg-yellow-600 {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.bg-yellow-700 {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.bg-yellow-800 {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.bg-yellow-900 {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.bg-green-100 {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.bg-green-200 {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.bg-green-300 {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.bg-green-400 {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.bg-green-500 {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.bg-green-600 {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.bg-green-700 {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.bg-green-800 {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.bg-green-900 {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.bg-teal-100 {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.bg-teal-200 {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.bg-teal-300 {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.bg-teal-400 {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.bg-teal-500 {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.bg-teal-600 {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.bg-teal-700 {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.bg-teal-800 {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.bg-teal-900 {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.bg-blue-100 {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.bg-blue-200 {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.bg-blue-300 {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.bg-blue-400 {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.bg-blue-500 {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.bg-blue-600 {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.bg-blue-700 {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.bg-blue-800 {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.bg-blue-900 {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.bg-indigo-100 {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.bg-indigo-200 {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.bg-indigo-300 {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.bg-indigo-400 {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.bg-indigo-500 {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.bg-indigo-600 {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.bg-indigo-700 {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.bg-indigo-800 {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.bg-indigo-900 {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.bg-purple-100 {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.bg-purple-200 {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.bg-purple-300 {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.bg-purple-400 {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.bg-purple-500 {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.bg-purple-600 {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.bg-purple-700 {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.bg-purple-800 {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.bg-purple-900 {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.bg-pink-100 {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.bg-pink-200 {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.bg-pink-300 {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.bg-pink-400 {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.bg-pink-500 {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.bg-pink-600 {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.bg-pink-700 {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.bg-pink-800 {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.bg-pink-900 {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.hover\:bg-transparent:hover {
@@ -1053,371 +2336,555 @@ video {
}
.hover\:bg-black:hover {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.hover\:bg-white:hover {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.hover\:bg-red-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.hover\:bg-red-200:hover {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.hover\:bg-red-300:hover {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.hover\:bg-red-400:hover {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.hover\:bg-red-500:hover {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.hover\:bg-red-600:hover {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.hover\:bg-red-700:hover {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.hover\:bg-red-800:hover {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.hover\:bg-red-900:hover {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.hover\:bg-green-100:hover {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.hover\:bg-green-200:hover {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.hover\:bg-green-300:hover {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.hover\:bg-green-400:hover {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.hover\:bg-green-500:hover {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.hover\:bg-green-600:hover {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.hover\:bg-green-700:hover {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.hover\:bg-green-800:hover {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.hover\:bg-green-900:hover {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.focus\:bg-transparent:focus {
@@ -1429,371 +2896,615 @@ video {
}
.focus\:bg-black:focus {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.focus\:bg-white:focus {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.focus\:bg-red-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.focus\:bg-red-200:focus {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.focus\:bg-red-300:focus {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.focus\:bg-red-400:focus {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.focus\:bg-red-500:focus {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.focus\:bg-red-600:focus {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.focus\:bg-red-700:focus {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.focus\:bg-red-800:focus {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.focus\:bg-red-900:focus {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.focus\:bg-green-100:focus {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.focus\:bg-green-200:focus {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.focus\:bg-green-300:focus {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.focus\:bg-green-400:focus {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.focus\:bg-green-500:focus {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.focus\:bg-green-600:focus {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.focus\:bg-green-700:focus {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.focus\:bg-green-800:focus {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.focus\:bg-green-900:focus {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
+}
+
+.bg-opacity-0 {
+ --bg-opacity: 0;
+}
+
+.bg-opacity-25 {
+ --bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --bg-opacity: 1;
+}
+
+.hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+}
+
+.hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+}
+
+.hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+}
+
+.hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+}
+
+.hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+}
+
+.focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+}
+
+.focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+}
+
+.focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+}
+
+.focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+}
+
+.focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
}
.bg-bottom {
@@ -1885,371 +3596,555 @@ video {
}
.border-black {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.border-white {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.border-gray-100 {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.border-gray-200 {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.border-gray-300 {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.border-gray-400 {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.border-gray-500 {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.border-gray-600 {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.border-gray-700 {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.border-gray-800 {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.border-gray-900 {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.border-red-100 {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.border-red-200 {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.border-red-300 {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.border-red-400 {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.border-red-500 {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.border-red-600 {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.border-red-700 {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.border-red-800 {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.border-red-900 {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.border-orange-100 {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.border-orange-200 {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.border-orange-300 {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.border-orange-400 {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.border-orange-500 {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.border-orange-600 {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.border-orange-700 {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.border-orange-800 {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.border-orange-900 {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.border-yellow-100 {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.border-yellow-200 {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.border-yellow-300 {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.border-yellow-400 {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.border-yellow-500 {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.border-yellow-600 {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.border-yellow-700 {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.border-yellow-800 {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.border-yellow-900 {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.border-green-100 {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.border-green-200 {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.border-green-300 {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.border-green-400 {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.border-green-500 {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.border-green-600 {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.border-green-700 {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.border-green-800 {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.border-green-900 {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.border-teal-100 {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.border-teal-200 {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.border-teal-300 {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.border-teal-400 {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.border-teal-500 {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.border-teal-600 {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.border-teal-700 {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.border-teal-800 {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.border-teal-900 {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.border-blue-100 {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.border-blue-200 {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.border-blue-300 {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.border-blue-400 {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.border-blue-500 {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.border-blue-600 {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.border-blue-700 {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.border-blue-800 {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.border-blue-900 {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.border-indigo-100 {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.border-indigo-200 {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.border-indigo-300 {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.border-indigo-400 {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.border-indigo-500 {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.border-indigo-600 {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.border-indigo-700 {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.border-indigo-800 {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.border-indigo-900 {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.border-purple-100 {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.border-purple-200 {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.border-purple-300 {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.border-purple-400 {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.border-purple-500 {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.border-purple-600 {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.border-purple-700 {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.border-purple-800 {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.border-purple-900 {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.border-pink-100 {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.border-pink-200 {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.border-pink-300 {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.border-pink-400 {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.border-pink-500 {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.border-pink-600 {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.border-pink-700 {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.border-pink-800 {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.border-pink-900 {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.hover\:border-transparent:hover {
@@ -2261,371 +4156,555 @@ video {
}
.hover\:border-black:hover {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.hover\:border-white:hover {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.hover\:border-gray-100:hover {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.hover\:border-gray-200:hover {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.hover\:border-gray-300:hover {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.hover\:border-gray-400:hover {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.hover\:border-gray-500:hover {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.hover\:border-gray-600:hover {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.hover\:border-gray-700:hover {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.hover\:border-gray-800:hover {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.hover\:border-gray-900:hover {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.hover\:border-red-100:hover {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.hover\:border-red-200:hover {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.hover\:border-red-300:hover {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.hover\:border-red-400:hover {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.hover\:border-red-500:hover {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.hover\:border-red-600:hover {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.hover\:border-red-700:hover {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.hover\:border-red-800:hover {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.hover\:border-red-900:hover {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.hover\:border-orange-100:hover {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.hover\:border-orange-200:hover {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.hover\:border-orange-300:hover {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.hover\:border-orange-400:hover {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.hover\:border-orange-500:hover {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.hover\:border-orange-600:hover {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.hover\:border-orange-700:hover {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.hover\:border-orange-800:hover {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.hover\:border-orange-900:hover {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.hover\:border-yellow-100:hover {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.hover\:border-yellow-200:hover {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.hover\:border-yellow-300:hover {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.hover\:border-yellow-400:hover {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.hover\:border-yellow-500:hover {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.hover\:border-yellow-600:hover {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.hover\:border-yellow-700:hover {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.hover\:border-yellow-800:hover {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.hover\:border-yellow-900:hover {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.hover\:border-green-100:hover {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.hover\:border-green-200:hover {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.hover\:border-green-300:hover {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.hover\:border-green-400:hover {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.hover\:border-green-500:hover {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.hover\:border-green-600:hover {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.hover\:border-green-700:hover {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.hover\:border-green-800:hover {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.hover\:border-green-900:hover {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.hover\:border-teal-100:hover {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.hover\:border-teal-200:hover {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.hover\:border-teal-300:hover {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.hover\:border-teal-400:hover {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.hover\:border-teal-500:hover {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.hover\:border-teal-600:hover {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.hover\:border-teal-700:hover {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.hover\:border-teal-800:hover {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.hover\:border-teal-900:hover {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.hover\:border-blue-100:hover {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.hover\:border-blue-200:hover {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.hover\:border-blue-300:hover {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.hover\:border-blue-400:hover {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.hover\:border-blue-500:hover {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.hover\:border-blue-600:hover {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.hover\:border-blue-700:hover {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.hover\:border-blue-800:hover {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.hover\:border-blue-900:hover {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.hover\:border-indigo-100:hover {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.hover\:border-indigo-200:hover {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.hover\:border-indigo-300:hover {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.hover\:border-indigo-400:hover {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.hover\:border-indigo-500:hover {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.hover\:border-indigo-600:hover {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.hover\:border-indigo-700:hover {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.hover\:border-indigo-800:hover {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.hover\:border-indigo-900:hover {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.hover\:border-purple-100:hover {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.hover\:border-purple-200:hover {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.hover\:border-purple-300:hover {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.hover\:border-purple-400:hover {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.hover\:border-purple-500:hover {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.hover\:border-purple-600:hover {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.hover\:border-purple-700:hover {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.hover\:border-purple-800:hover {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.hover\:border-purple-900:hover {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.hover\:border-pink-100:hover {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.hover\:border-pink-200:hover {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.hover\:border-pink-300:hover {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.hover\:border-pink-400:hover {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.hover\:border-pink-500:hover {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.hover\:border-pink-600:hover {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.hover\:border-pink-700:hover {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.hover\:border-pink-800:hover {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.hover\:border-pink-900:hover {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.focus\:border-transparent:focus {
@@ -2637,371 +4716,615 @@ video {
}
.focus\:border-black:focus {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.focus\:border-white:focus {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.focus\:border-gray-100:focus {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.focus\:border-gray-200:focus {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.focus\:border-gray-300:focus {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.focus\:border-gray-400:focus {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.focus\:border-gray-500:focus {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.focus\:border-gray-600:focus {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.focus\:border-gray-700:focus {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.focus\:border-gray-800:focus {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.focus\:border-gray-900:focus {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.focus\:border-red-100:focus {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.focus\:border-red-200:focus {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.focus\:border-red-300:focus {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.focus\:border-red-400:focus {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.focus\:border-red-500:focus {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.focus\:border-red-600:focus {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.focus\:border-red-700:focus {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.focus\:border-red-800:focus {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.focus\:border-red-900:focus {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.focus\:border-orange-100:focus {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.focus\:border-orange-200:focus {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.focus\:border-orange-300:focus {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.focus\:border-orange-400:focus {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.focus\:border-orange-500:focus {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.focus\:border-orange-600:focus {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.focus\:border-orange-700:focus {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.focus\:border-orange-800:focus {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.focus\:border-orange-900:focus {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.focus\:border-yellow-100:focus {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.focus\:border-yellow-200:focus {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.focus\:border-yellow-300:focus {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.focus\:border-yellow-400:focus {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.focus\:border-yellow-500:focus {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.focus\:border-yellow-600:focus {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.focus\:border-yellow-700:focus {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.focus\:border-yellow-800:focus {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.focus\:border-yellow-900:focus {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.focus\:border-green-100:focus {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.focus\:border-green-200:focus {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.focus\:border-green-300:focus {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.focus\:border-green-400:focus {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.focus\:border-green-500:focus {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.focus\:border-green-600:focus {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.focus\:border-green-700:focus {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.focus\:border-green-800:focus {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.focus\:border-green-900:focus {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.focus\:border-teal-100:focus {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.focus\:border-teal-200:focus {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.focus\:border-teal-300:focus {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.focus\:border-teal-400:focus {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.focus\:border-teal-500:focus {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.focus\:border-teal-600:focus {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.focus\:border-teal-700:focus {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.focus\:border-teal-800:focus {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.focus\:border-teal-900:focus {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.focus\:border-blue-100:focus {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.focus\:border-blue-200:focus {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.focus\:border-blue-300:focus {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.focus\:border-blue-400:focus {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.focus\:border-blue-500:focus {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.focus\:border-blue-600:focus {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.focus\:border-blue-700:focus {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.focus\:border-blue-800:focus {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.focus\:border-blue-900:focus {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.focus\:border-indigo-100:focus {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.focus\:border-indigo-200:focus {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.focus\:border-indigo-300:focus {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.focus\:border-indigo-400:focus {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.focus\:border-indigo-500:focus {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.focus\:border-indigo-600:focus {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.focus\:border-indigo-700:focus {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.focus\:border-indigo-800:focus {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.focus\:border-indigo-900:focus {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.focus\:border-purple-100:focus {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.focus\:border-purple-200:focus {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.focus\:border-purple-300:focus {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.focus\:border-purple-400:focus {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.focus\:border-purple-500:focus {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.focus\:border-purple-600:focus {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.focus\:border-purple-700:focus {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.focus\:border-purple-800:focus {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.focus\:border-purple-900:focus {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.focus\:border-pink-100:focus {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.focus\:border-pink-200:focus {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.focus\:border-pink-300:focus {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.focus\:border-pink-400:focus {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.focus\:border-pink-500:focus {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.focus\:border-pink-600:focus {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.focus\:border-pink-700:focus {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.focus\:border-pink-800:focus {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.focus\:border-pink-900:focus {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
+}
+
+.border-opacity-0 {
+ --border-opacity: 0;
+}
+
+.border-opacity-25 {
+ --border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --border-opacity: 1;
+}
+
+.hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+}
+
+.hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+}
+
+.hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+}
+
+.hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+}
+
+.hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+}
+
+.focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+}
+
+.focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+}
+
+.focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+}
+
+.focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+}
+
+.focus\:border-opacity-100:focus {
+ --border-opacity: 1;
}
.rounded-none {
@@ -3412,10 +5735,6 @@ video {
display: inline;
}
-.flow-root {
- display: flow-root;
-}
-
.flex {
display: flex;
}
@@ -3424,14 +5743,6 @@ video {
display: inline-flex;
}
-.grid {
- display: grid;
-}
-
-.inline-grid {
- display: inline-grid;
-}
-
.table {
display: table;
}
@@ -3468,6 +5779,18 @@ video {
display: table-row;
}
+.flow-root {
+ display: flow-root;
+}
+
+.grid {
+ display: grid;
+}
+
+.inline-grid {
+ display: inline-grid;
+}
+
.hidden {
display: none;
}
@@ -3918,6 +6241,46 @@ video {
height: 100vh;
}
+.text-xs {
+ font-size: 0.75rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+}
+
+.text-base {
+ font-size: 1rem;
+}
+
+.text-lg {
+ font-size: 1.125rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+}
+
+.text-5xl {
+ font-size: 3rem;
+}
+
+.text-6xl {
+ font-size: 4rem;
+}
+
.leading-3 {
line-height: .75rem;
}
@@ -5406,6 +7769,42 @@ video {
-webkit-overflow-scrolling: auto;
}
+.overscroll-auto {
+ overscroll-behavior: auto;
+}
+
+.overscroll-contain {
+ overscroll-behavior: contain;
+}
+
+.overscroll-none {
+ overscroll-behavior: none;
+}
+
+.overscroll-y-auto {
+ overscroll-behavior-y: auto;
+}
+
+.overscroll-y-contain {
+ overscroll-behavior-y: contain;
+}
+
+.overscroll-y-none {
+ overscroll-behavior-y: none;
+}
+
+.overscroll-x-auto {
+ overscroll-behavior-x: auto;
+}
+
+.overscroll-x-contain {
+ overscroll-behavior-x: contain;
+}
+
+.overscroll-x-none {
+ overscroll-behavior-x: none;
+}
+
.p-0 {
padding: 0;
}
@@ -5985,371 +8384,555 @@ video {
}
.placeholder-black::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.placeholder-white::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
}
.focus\:placeholder-transparent:focus::placeholder {
@@ -6361,371 +8944,595 @@ video {
}
.focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
+}
+
+.placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+}
+
+.placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+}
+
+.placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+}
+
+.placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+}
+
+.placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+}
+
+.focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+}
+
+.focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+}
+
+.focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+}
+
+.focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+}
+
+.focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
}
.pointer-events-none {
@@ -7011,371 +9818,555 @@ video {
}
.text-black {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.text-white {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.text-gray-100 {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.text-gray-200 {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.text-gray-300 {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.text-gray-400 {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.text-gray-500 {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.text-gray-600 {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.text-gray-700 {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.text-gray-800 {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.text-gray-900 {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.text-red-100 {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.text-red-200 {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.text-red-300 {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.text-red-400 {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.text-red-500 {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.text-red-600 {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.text-red-700 {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.text-red-800 {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.text-red-900 {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.text-orange-100 {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.text-orange-200 {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.text-orange-300 {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.text-orange-400 {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.text-orange-500 {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.text-orange-600 {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.text-orange-700 {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.text-orange-800 {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.text-orange-900 {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.text-yellow-100 {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.text-yellow-200 {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.text-yellow-300 {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.text-yellow-400 {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.text-yellow-500 {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.text-yellow-600 {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.text-yellow-700 {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.text-yellow-800 {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.text-yellow-900 {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.text-green-100 {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.text-green-200 {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.text-green-300 {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.text-green-400 {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.text-green-500 {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.text-green-600 {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.text-green-700 {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.text-green-800 {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.text-green-900 {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.text-teal-100 {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.text-teal-200 {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.text-teal-300 {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.text-teal-400 {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.text-teal-500 {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.text-teal-600 {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.text-teal-700 {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.text-teal-800 {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.text-teal-900 {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.text-blue-100 {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.text-blue-200 {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.text-blue-300 {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.text-blue-400 {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.text-blue-500 {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.text-blue-600 {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.text-blue-700 {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.text-blue-800 {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.text-blue-900 {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.text-indigo-100 {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.text-indigo-200 {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.text-indigo-300 {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.text-indigo-400 {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.text-indigo-500 {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.text-indigo-600 {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.text-indigo-700 {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.text-indigo-800 {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.text-indigo-900 {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.text-purple-100 {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.text-purple-200 {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.text-purple-300 {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.text-purple-400 {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.text-purple-500 {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.text-purple-600 {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.text-purple-700 {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.text-purple-800 {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.text-purple-900 {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.text-pink-100 {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.text-pink-200 {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.text-pink-300 {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.text-pink-400 {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.text-pink-500 {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.text-pink-600 {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.text-pink-700 {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.text-pink-800 {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.text-pink-900 {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.hover\:text-transparent:hover {
@@ -7387,371 +10378,555 @@ video {
}
.hover\:text-black:hover {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.hover\:text-white:hover {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.hover\:text-gray-100:hover {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.hover\:text-gray-200:hover {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.hover\:text-gray-300:hover {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.hover\:text-gray-400:hover {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.hover\:text-gray-500:hover {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.hover\:text-gray-600:hover {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.hover\:text-gray-700:hover {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.hover\:text-gray-800:hover {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.hover\:text-gray-900:hover {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.hover\:text-red-100:hover {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.hover\:text-red-200:hover {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.hover\:text-red-300:hover {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.hover\:text-red-400:hover {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.hover\:text-red-500:hover {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.hover\:text-red-600:hover {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.hover\:text-red-700:hover {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.hover\:text-red-800:hover {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.hover\:text-red-900:hover {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.hover\:text-orange-100:hover {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.hover\:text-orange-200:hover {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.hover\:text-orange-300:hover {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.hover\:text-orange-400:hover {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.hover\:text-orange-500:hover {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.hover\:text-orange-600:hover {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.hover\:text-orange-700:hover {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.hover\:text-orange-800:hover {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.hover\:text-orange-900:hover {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.hover\:text-yellow-100:hover {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.hover\:text-yellow-200:hover {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.hover\:text-yellow-300:hover {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.hover\:text-yellow-400:hover {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.hover\:text-yellow-500:hover {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.hover\:text-yellow-600:hover {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.hover\:text-yellow-700:hover {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.hover\:text-yellow-800:hover {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.hover\:text-yellow-900:hover {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.hover\:text-green-100:hover {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.hover\:text-green-200:hover {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.hover\:text-green-300:hover {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.hover\:text-green-400:hover {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.hover\:text-green-500:hover {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.hover\:text-green-600:hover {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.hover\:text-green-700:hover {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.hover\:text-green-800:hover {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.hover\:text-green-900:hover {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.hover\:text-teal-100:hover {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.hover\:text-teal-200:hover {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.hover\:text-teal-300:hover {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.hover\:text-teal-400:hover {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.hover\:text-teal-500:hover {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.hover\:text-teal-600:hover {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.hover\:text-teal-700:hover {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.hover\:text-teal-800:hover {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.hover\:text-teal-900:hover {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.hover\:text-blue-100:hover {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.hover\:text-blue-200:hover {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.hover\:text-blue-300:hover {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.hover\:text-blue-400:hover {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.hover\:text-blue-500:hover {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.hover\:text-blue-600:hover {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.hover\:text-blue-700:hover {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.hover\:text-blue-800:hover {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.hover\:text-blue-900:hover {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.hover\:text-indigo-100:hover {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.hover\:text-indigo-200:hover {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.hover\:text-indigo-300:hover {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.hover\:text-indigo-400:hover {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.hover\:text-indigo-500:hover {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.hover\:text-indigo-600:hover {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.hover\:text-indigo-700:hover {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.hover\:text-indigo-800:hover {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.hover\:text-indigo-900:hover {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.hover\:text-purple-100:hover {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.hover\:text-purple-200:hover {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.hover\:text-purple-300:hover {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.hover\:text-purple-400:hover {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.hover\:text-purple-500:hover {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.hover\:text-purple-600:hover {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.hover\:text-purple-700:hover {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.hover\:text-purple-800:hover {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.hover\:text-purple-900:hover {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.hover\:text-pink-100:hover {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.hover\:text-pink-200:hover {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.hover\:text-pink-300:hover {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.hover\:text-pink-400:hover {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.hover\:text-pink-500:hover {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.hover\:text-pink-600:hover {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.hover\:text-pink-700:hover {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.hover\:text-pink-800:hover {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.hover\:text-pink-900:hover {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.focus\:text-transparent:focus {
@@ -7763,411 +10938,615 @@ video {
}
.focus\:text-black:focus {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.focus\:text-white:focus {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.focus\:text-gray-100:focus {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.focus\:text-gray-200:focus {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.focus\:text-gray-300:focus {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.focus\:text-gray-400:focus {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.focus\:text-gray-500:focus {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.focus\:text-gray-600:focus {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.focus\:text-gray-700:focus {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.focus\:text-gray-800:focus {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.focus\:text-gray-900:focus {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.focus\:text-red-100:focus {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.focus\:text-red-200:focus {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.focus\:text-red-300:focus {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.focus\:text-red-400:focus {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.focus\:text-red-500:focus {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.focus\:text-red-600:focus {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.focus\:text-red-700:focus {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.focus\:text-red-800:focus {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.focus\:text-red-900:focus {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.focus\:text-orange-100:focus {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.focus\:text-orange-200:focus {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.focus\:text-orange-300:focus {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.focus\:text-orange-400:focus {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.focus\:text-orange-500:focus {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.focus\:text-orange-600:focus {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.focus\:text-orange-700:focus {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.focus\:text-orange-800:focus {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.focus\:text-orange-900:focus {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.focus\:text-yellow-100:focus {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.focus\:text-yellow-200:focus {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.focus\:text-yellow-300:focus {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.focus\:text-yellow-400:focus {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.focus\:text-yellow-500:focus {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.focus\:text-yellow-600:focus {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.focus\:text-yellow-700:focus {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.focus\:text-yellow-800:focus {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.focus\:text-yellow-900:focus {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.focus\:text-green-100:focus {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.focus\:text-green-200:focus {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.focus\:text-green-300:focus {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.focus\:text-green-400:focus {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.focus\:text-green-500:focus {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.focus\:text-green-600:focus {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.focus\:text-green-700:focus {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.focus\:text-green-800:focus {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.focus\:text-green-900:focus {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.focus\:text-teal-100:focus {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.focus\:text-teal-200:focus {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.focus\:text-teal-300:focus {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.focus\:text-teal-400:focus {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.focus\:text-teal-500:focus {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.focus\:text-teal-600:focus {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.focus\:text-teal-700:focus {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.focus\:text-teal-800:focus {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.focus\:text-teal-900:focus {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.focus\:text-blue-100:focus {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.focus\:text-blue-200:focus {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.focus\:text-blue-300:focus {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.focus\:text-blue-400:focus {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.focus\:text-blue-500:focus {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.focus\:text-blue-600:focus {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.focus\:text-blue-700:focus {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.focus\:text-blue-800:focus {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.focus\:text-blue-900:focus {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.focus\:text-indigo-100:focus {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.focus\:text-indigo-200:focus {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.focus\:text-indigo-300:focus {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.focus\:text-indigo-400:focus {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.focus\:text-indigo-500:focus {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.focus\:text-indigo-600:focus {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.focus\:text-indigo-700:focus {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.focus\:text-indigo-800:focus {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.focus\:text-indigo-900:focus {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.focus\:text-purple-100:focus {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.focus\:text-purple-200:focus {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.focus\:text-purple-300:focus {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.focus\:text-purple-400:focus {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.focus\:text-purple-500:focus {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.focus\:text-purple-600:focus {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.focus\:text-purple-700:focus {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.focus\:text-purple-800:focus {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.focus\:text-purple-900:focus {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.focus\:text-pink-100:focus {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.focus\:text-pink-200:focus {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.focus\:text-pink-300:focus {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.focus\:text-pink-400:focus {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.focus\:text-pink-500:focus {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.focus\:text-pink-600:focus {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.focus\:text-pink-700:focus {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.focus\:text-pink-800:focus {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.focus\:text-pink-900:focus {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
-.text-xs {
- font-size: 0.75rem;
+.text-opacity-0 {
+ --text-opacity: 0;
}
-.text-sm {
- font-size: 0.875rem;
+.text-opacity-25 {
+ --text-opacity: 0.25;
}
-.text-base {
- font-size: 1rem;
+.text-opacity-50 {
+ --text-opacity: 0.5;
}
-.text-lg {
- font-size: 1.125rem;
+.text-opacity-75 {
+ --text-opacity: 0.75;
}
-.text-xl {
- font-size: 1.25rem;
+.text-opacity-100 {
+ --text-opacity: 1;
}
-.text-2xl {
- font-size: 1.5rem;
+.hover\:text-opacity-0:hover {
+ --text-opacity: 0;
}
-.text-3xl {
- font-size: 1.875rem;
+.hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
}
-.text-4xl {
- font-size: 2.25rem;
+.hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
}
-.text-5xl {
- font-size: 3rem;
+.hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
}
-.text-6xl {
- font-size: 4rem;
+.hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+}
+
+.focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+}
+
+.focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+}
+
+.focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+}
+
+.focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+}
+
+.focus\:text-opacity-100:focus {
+ --text-opacity: 1;
}
.italic {
@@ -10993,12 +14372,1204 @@ video {
transition-delay: 1000ms;
}
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes ping {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0;
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: .5;
+ }
+}
+
+@keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
+ }
+
+ 50% {
+ transform: translateY(0);
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
+ }
+}
+
+.animate-none {
+ animation: none;
+}
+
+.animate-spin {
+ animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+ animation: bounce 1s infinite;
+}
+
.example {
font-weight: 700;
color: #f56565;
}
@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;
+ }
+ }
+
+ .sm\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .sm\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .sm\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .sm\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .sm\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .sm\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .sm\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .sm\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .sm\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .sm\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .sm\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .sm\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .sm\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--divide-opacity));
+ }
+
+ .sm\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--divide-opacity));
+ }
+
+ .sm\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--divide-opacity));
+ }
+
+ .sm\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--divide-opacity));
+ }
+
+ .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--divide-opacity));
+ }
+
+ .sm\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--divide-opacity));
+ }
+
+ .sm\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--divide-opacity));
+ }
+
+ .sm\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--divide-opacity));
+ }
+
+ .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--divide-opacity));
+ }
+
+ .sm\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--divide-opacity));
+ }
+
+ .sm\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--divide-opacity));
+ }
+
+ .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
.sm\:sr-only {
position: absolute;
width: 1px;
@@ -11070,371 +15641,555 @@ video {
}
.sm\:bg-black {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.sm\:bg-white {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.sm\:bg-gray-100 {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.sm\:bg-gray-200 {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.sm\:bg-gray-300 {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.sm\:bg-gray-400 {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.sm\:bg-gray-500 {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.sm\:bg-gray-600 {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.sm\:bg-gray-700 {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.sm\:bg-gray-800 {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.sm\:bg-gray-900 {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.sm\:bg-red-100 {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.sm\:bg-red-200 {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.sm\:bg-red-300 {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.sm\:bg-red-400 {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.sm\:bg-red-500 {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.sm\:bg-red-600 {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.sm\:bg-red-700 {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.sm\:bg-red-800 {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.sm\:bg-red-900 {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.sm\:bg-orange-100 {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.sm\:bg-orange-200 {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.sm\:bg-orange-300 {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.sm\:bg-orange-400 {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.sm\:bg-orange-500 {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.sm\:bg-orange-600 {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.sm\:bg-orange-700 {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.sm\:bg-orange-800 {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.sm\:bg-orange-900 {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.sm\:bg-yellow-100 {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.sm\:bg-yellow-200 {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.sm\:bg-yellow-300 {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.sm\:bg-yellow-400 {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.sm\:bg-yellow-500 {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.sm\:bg-yellow-600 {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.sm\:bg-yellow-700 {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.sm\:bg-yellow-800 {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.sm\:bg-yellow-900 {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.sm\:bg-green-100 {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.sm\:bg-green-200 {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.sm\:bg-green-300 {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.sm\:bg-green-400 {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.sm\:bg-green-500 {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.sm\:bg-green-600 {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.sm\:bg-green-700 {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.sm\:bg-green-800 {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.sm\:bg-green-900 {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.sm\:bg-teal-100 {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.sm\:bg-teal-200 {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.sm\:bg-teal-300 {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.sm\:bg-teal-400 {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.sm\:bg-teal-500 {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.sm\:bg-teal-600 {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.sm\:bg-teal-700 {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.sm\:bg-teal-800 {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.sm\:bg-teal-900 {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.sm\:bg-blue-100 {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.sm\:bg-blue-200 {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.sm\:bg-blue-300 {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.sm\:bg-blue-400 {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.sm\:bg-blue-500 {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.sm\:bg-blue-600 {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.sm\:bg-blue-700 {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.sm\:bg-blue-800 {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.sm\:bg-blue-900 {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.sm\:bg-indigo-100 {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.sm\:bg-indigo-200 {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.sm\:bg-indigo-300 {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.sm\:bg-indigo-400 {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.sm\:bg-indigo-500 {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.sm\:bg-indigo-600 {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.sm\:bg-indigo-700 {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.sm\:bg-indigo-800 {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.sm\:bg-indigo-900 {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.sm\:bg-purple-100 {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.sm\:bg-purple-200 {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.sm\:bg-purple-300 {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.sm\:bg-purple-400 {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.sm\:bg-purple-500 {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.sm\:bg-purple-600 {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.sm\:bg-purple-700 {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.sm\:bg-purple-800 {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.sm\:bg-purple-900 {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.sm\:bg-pink-100 {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.sm\:bg-pink-200 {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.sm\:bg-pink-300 {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.sm\:bg-pink-400 {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.sm\:bg-pink-500 {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.sm\:bg-pink-600 {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.sm\:bg-pink-700 {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.sm\:bg-pink-800 {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.sm\:bg-pink-900 {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.sm\:hover\:bg-transparent:hover {
@@ -11446,371 +16201,555 @@ video {
}
.sm\:hover\:bg-black:hover {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.sm\:hover\:bg-white:hover {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.sm\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.sm\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.sm\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.sm\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.sm\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.sm\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.sm\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.sm\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.sm\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.sm\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.sm\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.sm\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.sm\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.sm\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.sm\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.sm\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.sm\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.sm\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.sm\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.sm\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.sm\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.sm\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.sm\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.sm\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.sm\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.sm\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.sm\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.sm\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.sm\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.sm\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.sm\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.sm\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.sm\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.sm\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.sm\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.sm\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.sm\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.sm\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.sm\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.sm\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.sm\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.sm\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.sm\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.sm\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.sm\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.sm\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.sm\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.sm\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.sm\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.sm\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.sm\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.sm\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.sm\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.sm\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.sm\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.sm\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.sm\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.sm\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.sm\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.sm\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.sm\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.sm\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.sm\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.sm\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.sm\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.sm\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.sm\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.sm\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.sm\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.sm\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.sm\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.sm\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.sm\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.sm\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.sm\:focus\:bg-transparent:focus {
@@ -11822,371 +16761,615 @@ video {
}
.sm\:focus\:bg-black:focus {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.sm\:focus\:bg-white:focus {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.sm\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.sm\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.sm\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.sm\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.sm\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.sm\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.sm\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.sm\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.sm\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.sm\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.sm\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.sm\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.sm\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.sm\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.sm\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.sm\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.sm\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.sm\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.sm\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.sm\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.sm\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.sm\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.sm\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.sm\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.sm\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.sm\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.sm\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.sm\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.sm\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.sm\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.sm\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.sm\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.sm\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.sm\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.sm\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.sm\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.sm\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.sm\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.sm\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.sm\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.sm\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.sm\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.sm\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.sm\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.sm\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.sm\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.sm\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.sm\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.sm\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.sm\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.sm\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.sm\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.sm\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.sm\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.sm\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.sm\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.sm\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.sm\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.sm\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.sm\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.sm\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.sm\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.sm\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.sm\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.sm\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.sm\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.sm\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.sm\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.sm\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.sm\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.sm\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.sm\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.sm\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.sm\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
+ }
+
+ .sm\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .sm\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .sm\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .sm\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .sm\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .sm\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .sm\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .sm\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .sm\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .sm\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .sm\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .sm\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .sm\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .sm\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .sm\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
}
.sm\:bg-bottom {
@@ -12278,371 +17461,555 @@ video {
}
.sm\:border-black {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.sm\:border-white {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.sm\:border-gray-100 {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.sm\:border-gray-200 {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.sm\:border-gray-300 {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.sm\:border-gray-400 {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.sm\:border-gray-500 {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.sm\:border-gray-600 {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.sm\:border-gray-700 {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.sm\:border-gray-800 {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.sm\:border-gray-900 {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.sm\:border-red-100 {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.sm\:border-red-200 {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.sm\:border-red-300 {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.sm\:border-red-400 {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.sm\:border-red-500 {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.sm\:border-red-600 {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.sm\:border-red-700 {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.sm\:border-red-800 {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.sm\:border-red-900 {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.sm\:border-orange-100 {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.sm\:border-orange-200 {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.sm\:border-orange-300 {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.sm\:border-orange-400 {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.sm\:border-orange-500 {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.sm\:border-orange-600 {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.sm\:border-orange-700 {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.sm\:border-orange-800 {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.sm\:border-orange-900 {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.sm\:border-yellow-100 {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.sm\:border-yellow-200 {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.sm\:border-yellow-300 {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.sm\:border-yellow-400 {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.sm\:border-yellow-500 {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.sm\:border-yellow-600 {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.sm\:border-yellow-700 {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.sm\:border-yellow-800 {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.sm\:border-yellow-900 {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.sm\:border-green-100 {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.sm\:border-green-200 {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.sm\:border-green-300 {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.sm\:border-green-400 {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.sm\:border-green-500 {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.sm\:border-green-600 {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.sm\:border-green-700 {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.sm\:border-green-800 {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.sm\:border-green-900 {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.sm\:border-teal-100 {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.sm\:border-teal-200 {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.sm\:border-teal-300 {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.sm\:border-teal-400 {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.sm\:border-teal-500 {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.sm\:border-teal-600 {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.sm\:border-teal-700 {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.sm\:border-teal-800 {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.sm\:border-teal-900 {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.sm\:border-blue-100 {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.sm\:border-blue-200 {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.sm\:border-blue-300 {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.sm\:border-blue-400 {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.sm\:border-blue-500 {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.sm\:border-blue-600 {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.sm\:border-blue-700 {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.sm\:border-blue-800 {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.sm\:border-blue-900 {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.sm\:border-indigo-100 {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.sm\:border-indigo-200 {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.sm\:border-indigo-300 {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.sm\:border-indigo-400 {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.sm\:border-indigo-500 {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.sm\:border-indigo-600 {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.sm\:border-indigo-700 {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.sm\:border-indigo-800 {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.sm\:border-indigo-900 {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.sm\:border-purple-100 {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.sm\:border-purple-200 {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.sm\:border-purple-300 {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.sm\:border-purple-400 {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.sm\:border-purple-500 {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.sm\:border-purple-600 {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.sm\:border-purple-700 {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.sm\:border-purple-800 {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.sm\:border-purple-900 {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.sm\:border-pink-100 {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.sm\:border-pink-200 {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.sm\:border-pink-300 {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.sm\:border-pink-400 {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.sm\:border-pink-500 {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.sm\:border-pink-600 {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.sm\:border-pink-700 {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.sm\:border-pink-800 {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.sm\:border-pink-900 {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.sm\:hover\:border-transparent:hover {
@@ -12654,371 +18021,555 @@ video {
}
.sm\:hover\:border-black:hover {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.sm\:hover\:border-white:hover {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.sm\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.sm\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.sm\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.sm\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.sm\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.sm\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.sm\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.sm\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.sm\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.sm\:hover\:border-red-100:hover {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.sm\:hover\:border-red-200:hover {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.sm\:hover\:border-red-300:hover {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.sm\:hover\:border-red-400:hover {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.sm\:hover\:border-red-500:hover {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.sm\:hover\:border-red-600:hover {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.sm\:hover\:border-red-700:hover {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.sm\:hover\:border-red-800:hover {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.sm\:hover\:border-red-900:hover {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.sm\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.sm\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.sm\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.sm\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.sm\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.sm\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.sm\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.sm\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.sm\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.sm\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.sm\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.sm\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.sm\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.sm\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.sm\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.sm\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.sm\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.sm\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.sm\:hover\:border-green-100:hover {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.sm\:hover\:border-green-200:hover {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.sm\:hover\:border-green-300:hover {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.sm\:hover\:border-green-400:hover {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.sm\:hover\:border-green-500:hover {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.sm\:hover\:border-green-600:hover {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.sm\:hover\:border-green-700:hover {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.sm\:hover\:border-green-800:hover {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.sm\:hover\:border-green-900:hover {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.sm\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.sm\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.sm\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.sm\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.sm\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.sm\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.sm\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.sm\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.sm\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.sm\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.sm\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.sm\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.sm\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.sm\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.sm\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.sm\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.sm\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.sm\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.sm\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.sm\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.sm\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.sm\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.sm\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.sm\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.sm\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.sm\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.sm\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.sm\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.sm\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.sm\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.sm\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.sm\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.sm\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.sm\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.sm\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.sm\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.sm\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.sm\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.sm\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.sm\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.sm\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.sm\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.sm\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.sm\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.sm\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.sm\:focus\:border-transparent:focus {
@@ -13030,371 +18581,615 @@ video {
}
.sm\:focus\:border-black:focus {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.sm\:focus\:border-white:focus {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.sm\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.sm\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.sm\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.sm\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.sm\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.sm\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.sm\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.sm\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.sm\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.sm\:focus\:border-red-100:focus {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.sm\:focus\:border-red-200:focus {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.sm\:focus\:border-red-300:focus {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.sm\:focus\:border-red-400:focus {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.sm\:focus\:border-red-500:focus {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.sm\:focus\:border-red-600:focus {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.sm\:focus\:border-red-700:focus {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.sm\:focus\:border-red-800:focus {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.sm\:focus\:border-red-900:focus {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.sm\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.sm\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.sm\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.sm\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.sm\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.sm\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.sm\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.sm\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.sm\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.sm\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.sm\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.sm\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.sm\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.sm\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.sm\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.sm\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.sm\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.sm\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.sm\:focus\:border-green-100:focus {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.sm\:focus\:border-green-200:focus {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.sm\:focus\:border-green-300:focus {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.sm\:focus\:border-green-400:focus {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.sm\:focus\:border-green-500:focus {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.sm\:focus\:border-green-600:focus {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.sm\:focus\:border-green-700:focus {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.sm\:focus\:border-green-800:focus {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.sm\:focus\:border-green-900:focus {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.sm\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.sm\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.sm\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.sm\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.sm\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.sm\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.sm\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.sm\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.sm\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.sm\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.sm\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.sm\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.sm\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.sm\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.sm\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.sm\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.sm\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.sm\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.sm\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.sm\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.sm\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.sm\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.sm\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.sm\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.sm\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.sm\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.sm\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.sm\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.sm\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.sm\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.sm\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.sm\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.sm\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.sm\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.sm\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.sm\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.sm\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.sm\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.sm\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.sm\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.sm\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.sm\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.sm\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.sm\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.sm\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
+ }
+
+ .sm\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .sm\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .sm\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .sm\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .sm\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .sm\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .sm\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .sm\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .sm\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .sm\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .sm\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .sm\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .sm\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .sm\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .sm\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
}
.sm\:rounded-none {
@@ -13805,10 +19600,6 @@ video {
display: inline;
}
- .sm\:flow-root {
- display: flow-root;
- }
-
.sm\:flex {
display: flex;
}
@@ -13817,14 +19608,6 @@ video {
display: inline-flex;
}
- .sm\:grid {
- display: grid;
- }
-
- .sm\:inline-grid {
- display: inline-grid;
- }
-
.sm\:table {
display: table;
}
@@ -13861,6 +19644,18 @@ video {
display: table-row;
}
+ .sm\:flow-root {
+ display: flow-root;
+ }
+
+ .sm\:grid {
+ display: grid;
+ }
+
+ .sm\:inline-grid {
+ display: inline-grid;
+ }
+
.sm\:hidden {
display: none;
}
@@ -14311,6 +20106,46 @@ video {
height: 100vh;
}
+ .sm\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .sm\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .sm\:text-base {
+ font-size: 1rem;
+ }
+
+ .sm\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .sm\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .sm\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .sm\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .sm\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .sm\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .sm\:text-6xl {
+ font-size: 4rem;
+ }
+
.sm\:leading-3 {
line-height: .75rem;
}
@@ -15799,6 +21634,42 @@ video {
-webkit-overflow-scrolling: auto;
}
+ .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\:p-0 {
padding: 0;
}
@@ -16378,371 +22249,555 @@ video {
}
.sm\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.sm\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.sm\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.sm\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.sm\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.sm\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.sm\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.sm\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.sm\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.sm\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.sm\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.sm\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.sm\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.sm\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.sm\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.sm\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.sm\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.sm\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.sm\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.sm\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.sm\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.sm\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.sm\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.sm\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.sm\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.sm\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.sm\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.sm\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.sm\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.sm\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.sm\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.sm\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.sm\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.sm\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.sm\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.sm\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.sm\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.sm\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.sm\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.sm\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.sm\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.sm\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.sm\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.sm\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.sm\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.sm\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.sm\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.sm\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.sm\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.sm\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.sm\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.sm\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.sm\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.sm\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.sm\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.sm\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.sm\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.sm\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.sm\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.sm\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.sm\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.sm\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.sm\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.sm\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.sm\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.sm\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.sm\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.sm\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.sm\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.sm\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.sm\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.sm\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.sm\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.sm\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.sm\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.sm\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-transparent:focus::placeholder {
@@ -16754,371 +22809,595 @@ video {
}
.sm\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.sm\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
+ }
+
+ .sm\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .sm\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .sm\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .sm\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .sm\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .sm\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .sm\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .sm\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .sm\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .sm\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
}
.sm\:pointer-events-none {
@@ -17404,371 +23683,555 @@ video {
}
.sm\:text-black {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.sm\:text-white {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.sm\:text-gray-100 {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.sm\:text-gray-200 {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.sm\:text-gray-300 {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.sm\:text-gray-400 {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.sm\:text-gray-500 {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.sm\:text-gray-600 {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.sm\:text-gray-700 {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.sm\:text-gray-800 {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.sm\:text-gray-900 {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.sm\:text-red-100 {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.sm\:text-red-200 {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.sm\:text-red-300 {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.sm\:text-red-400 {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.sm\:text-red-500 {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.sm\:text-red-600 {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.sm\:text-red-700 {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.sm\:text-red-800 {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.sm\:text-red-900 {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.sm\:text-orange-100 {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.sm\:text-orange-200 {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.sm\:text-orange-300 {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.sm\:text-orange-400 {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.sm\:text-orange-500 {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.sm\:text-orange-600 {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.sm\:text-orange-700 {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.sm\:text-orange-800 {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.sm\:text-orange-900 {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.sm\:text-yellow-100 {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.sm\:text-yellow-200 {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.sm\:text-yellow-300 {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.sm\:text-yellow-400 {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.sm\:text-yellow-500 {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.sm\:text-yellow-600 {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.sm\:text-yellow-700 {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.sm\:text-yellow-800 {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.sm\:text-yellow-900 {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.sm\:text-green-100 {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.sm\:text-green-200 {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.sm\:text-green-300 {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.sm\:text-green-400 {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.sm\:text-green-500 {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.sm\:text-green-600 {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.sm\:text-green-700 {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.sm\:text-green-800 {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.sm\:text-green-900 {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.sm\:text-teal-100 {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.sm\:text-teal-200 {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.sm\:text-teal-300 {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.sm\:text-teal-400 {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.sm\:text-teal-500 {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.sm\:text-teal-600 {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.sm\:text-teal-700 {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.sm\:text-teal-800 {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.sm\:text-teal-900 {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.sm\:text-blue-100 {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.sm\:text-blue-200 {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.sm\:text-blue-300 {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.sm\:text-blue-400 {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.sm\:text-blue-500 {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.sm\:text-blue-600 {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.sm\:text-blue-700 {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.sm\:text-blue-800 {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.sm\:text-blue-900 {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.sm\:text-indigo-100 {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.sm\:text-indigo-200 {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.sm\:text-indigo-300 {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.sm\:text-indigo-400 {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.sm\:text-indigo-500 {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.sm\:text-indigo-600 {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.sm\:text-indigo-700 {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.sm\:text-indigo-800 {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.sm\:text-indigo-900 {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.sm\:text-purple-100 {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.sm\:text-purple-200 {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.sm\:text-purple-300 {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.sm\:text-purple-400 {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.sm\:text-purple-500 {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.sm\:text-purple-600 {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.sm\:text-purple-700 {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.sm\:text-purple-800 {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.sm\:text-purple-900 {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.sm\:text-pink-100 {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.sm\:text-pink-200 {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.sm\:text-pink-300 {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.sm\:text-pink-400 {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.sm\:text-pink-500 {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.sm\:text-pink-600 {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.sm\:text-pink-700 {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.sm\:text-pink-800 {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.sm\:text-pink-900 {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.sm\:hover\:text-transparent:hover {
@@ -17780,371 +24243,555 @@ video {
}
.sm\:hover\:text-black:hover {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.sm\:hover\:text-white:hover {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.sm\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.sm\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.sm\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.sm\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.sm\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.sm\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.sm\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.sm\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.sm\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.sm\:hover\:text-red-100:hover {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.sm\:hover\:text-red-200:hover {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.sm\:hover\:text-red-300:hover {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.sm\:hover\:text-red-400:hover {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.sm\:hover\:text-red-500:hover {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.sm\:hover\:text-red-600:hover {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.sm\:hover\:text-red-700:hover {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.sm\:hover\:text-red-800:hover {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.sm\:hover\:text-red-900:hover {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.sm\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.sm\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.sm\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.sm\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.sm\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.sm\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.sm\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.sm\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.sm\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.sm\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.sm\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.sm\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.sm\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.sm\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.sm\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.sm\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.sm\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.sm\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.sm\:hover\:text-green-100:hover {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.sm\:hover\:text-green-200:hover {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.sm\:hover\:text-green-300:hover {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.sm\:hover\:text-green-400:hover {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.sm\:hover\:text-green-500:hover {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.sm\:hover\:text-green-600:hover {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.sm\:hover\:text-green-700:hover {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.sm\:hover\:text-green-800:hover {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.sm\:hover\:text-green-900:hover {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.sm\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.sm\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.sm\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.sm\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.sm\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.sm\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.sm\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.sm\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.sm\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.sm\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.sm\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.sm\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.sm\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.sm\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.sm\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.sm\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.sm\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.sm\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.sm\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.sm\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.sm\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.sm\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.sm\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.sm\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.sm\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.sm\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.sm\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.sm\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.sm\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.sm\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.sm\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.sm\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.sm\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.sm\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.sm\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.sm\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.sm\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.sm\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.sm\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.sm\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.sm\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.sm\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.sm\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.sm\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.sm\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.sm\:focus\:text-transparent:focus {
@@ -18156,411 +24803,615 @@ video {
}
.sm\:focus\:text-black:focus {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.sm\:focus\:text-white:focus {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.sm\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.sm\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.sm\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.sm\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.sm\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.sm\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.sm\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.sm\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.sm\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.sm\:focus\:text-red-100:focus {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.sm\:focus\:text-red-200:focus {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.sm\:focus\:text-red-300:focus {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.sm\:focus\:text-red-400:focus {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.sm\:focus\:text-red-500:focus {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.sm\:focus\:text-red-600:focus {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.sm\:focus\:text-red-700:focus {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.sm\:focus\:text-red-800:focus {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.sm\:focus\:text-red-900:focus {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.sm\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.sm\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.sm\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.sm\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.sm\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.sm\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.sm\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.sm\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.sm\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.sm\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.sm\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.sm\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.sm\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.sm\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.sm\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.sm\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.sm\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.sm\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.sm\:focus\:text-green-100:focus {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.sm\:focus\:text-green-200:focus {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.sm\:focus\:text-green-300:focus {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.sm\:focus\:text-green-400:focus {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.sm\:focus\:text-green-500:focus {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.sm\:focus\:text-green-600:focus {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.sm\:focus\:text-green-700:focus {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.sm\:focus\:text-green-800:focus {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.sm\:focus\:text-green-900:focus {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.sm\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.sm\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.sm\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.sm\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.sm\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.sm\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.sm\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.sm\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.sm\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.sm\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.sm\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.sm\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.sm\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.sm\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.sm\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.sm\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.sm\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.sm\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.sm\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.sm\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.sm\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.sm\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.sm\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.sm\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.sm\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.sm\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.sm\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.sm\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.sm\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.sm\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.sm\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.sm\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.sm\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.sm\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.sm\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.sm\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.sm\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.sm\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.sm\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.sm\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.sm\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.sm\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.sm\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.sm\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.sm\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
- .sm\:text-xs {
- font-size: 0.75rem;
+ .sm\:text-opacity-0 {
+ --text-opacity: 0;
}
- .sm\:text-sm {
- font-size: 0.875rem;
+ .sm\:text-opacity-25 {
+ --text-opacity: 0.25;
}
- .sm\:text-base {
- font-size: 1rem;
+ .sm\:text-opacity-50 {
+ --text-opacity: 0.5;
}
- .sm\:text-lg {
- font-size: 1.125rem;
+ .sm\:text-opacity-75 {
+ --text-opacity: 0.75;
}
- .sm\:text-xl {
- font-size: 1.25rem;
+ .sm\:text-opacity-100 {
+ --text-opacity: 1;
}
- .sm\:text-2xl {
- font-size: 1.5rem;
+ .sm\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
}
- .sm\:text-3xl {
- font-size: 1.875rem;
+ .sm\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
}
- .sm\:text-4xl {
- font-size: 2.25rem;
+ .sm\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
}
- .sm\:text-5xl {
- font-size: 3rem;
+ .sm\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
}
- .sm\:text-6xl {
- font-size: 4rem;
+ .sm\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .sm\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .sm\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .sm\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .sm\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .sm\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
}
.sm\:italic {
@@ -21386,6 +28237,26 @@ video {
transition-delay: 1000ms;
}
+ .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\:example {
font-weight: 700;
color: #f56565;
@@ -21393,6 +28264,1134 @@ video {
}
@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;
+ }
+ }
+
+ .md\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .md\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .md\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .md\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .md\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .md\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .md\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .md\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .md\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .md\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .md\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .md\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .md\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .md\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .md\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--divide-opacity));
+ }
+
+ .md\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--divide-opacity));
+ }
+
+ .md\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--divide-opacity));
+ }
+
+ .md\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--divide-opacity));
+ }
+
+ .md\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--divide-opacity));
+ }
+
+ .md\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--divide-opacity));
+ }
+
+ .md\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--divide-opacity));
+ }
+
+ .md\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--divide-opacity));
+ }
+
+ .md\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--divide-opacity));
+ }
+
+ .md\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--divide-opacity));
+ }
+
+ .md\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--divide-opacity));
+ }
+
+ .md\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--divide-opacity));
+ }
+
+ .md\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--divide-opacity));
+ }
+
+ .md\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--divide-opacity));
+ }
+
+ .md\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--divide-opacity));
+ }
+
+ .md\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--divide-opacity));
+ }
+
+ .md\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--divide-opacity));
+ }
+
+ .md\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--divide-opacity));
+ }
+
+ .md\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--divide-opacity));
+ }
+
+ .md\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--divide-opacity));
+ }
+
+ .md\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--divide-opacity));
+ }
+
+ .md\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--divide-opacity));
+ }
+
+ .md\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--divide-opacity));
+ }
+
+ .md\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--divide-opacity));
+ }
+
+ .md\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--divide-opacity));
+ }
+
+ .md\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--divide-opacity));
+ }
+
+ .md\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--divide-opacity));
+ }
+
+ .md\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .md\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .md\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .md\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .md\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
.md\:sr-only {
position: absolute;
width: 1px;
@@ -21464,371 +29463,555 @@ video {
}
.md\:bg-black {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.md\:bg-white {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.md\:bg-gray-100 {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.md\:bg-gray-200 {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.md\:bg-gray-300 {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.md\:bg-gray-400 {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.md\:bg-gray-500 {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.md\:bg-gray-600 {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.md\:bg-gray-700 {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.md\:bg-gray-800 {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.md\:bg-gray-900 {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.md\:bg-red-100 {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.md\:bg-red-200 {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.md\:bg-red-300 {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.md\:bg-red-400 {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.md\:bg-red-500 {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.md\:bg-red-600 {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.md\:bg-red-700 {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.md\:bg-red-800 {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.md\:bg-red-900 {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.md\:bg-orange-100 {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.md\:bg-orange-200 {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.md\:bg-orange-300 {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.md\:bg-orange-400 {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.md\:bg-orange-500 {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.md\:bg-orange-600 {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.md\:bg-orange-700 {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.md\:bg-orange-800 {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.md\:bg-orange-900 {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.md\:bg-yellow-100 {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.md\:bg-yellow-200 {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.md\:bg-yellow-300 {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.md\:bg-yellow-400 {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.md\:bg-yellow-500 {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.md\:bg-yellow-600 {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.md\:bg-yellow-700 {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.md\:bg-yellow-800 {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.md\:bg-yellow-900 {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.md\:bg-green-100 {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.md\:bg-green-200 {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.md\:bg-green-300 {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.md\:bg-green-400 {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.md\:bg-green-500 {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.md\:bg-green-600 {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.md\:bg-green-700 {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.md\:bg-green-800 {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.md\:bg-green-900 {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.md\:bg-teal-100 {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.md\:bg-teal-200 {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.md\:bg-teal-300 {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.md\:bg-teal-400 {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.md\:bg-teal-500 {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.md\:bg-teal-600 {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.md\:bg-teal-700 {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.md\:bg-teal-800 {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.md\:bg-teal-900 {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.md\:bg-blue-100 {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.md\:bg-blue-200 {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.md\:bg-blue-300 {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.md\:bg-blue-400 {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.md\:bg-blue-500 {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.md\:bg-blue-600 {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.md\:bg-blue-700 {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.md\:bg-blue-800 {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.md\:bg-blue-900 {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.md\:bg-indigo-100 {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.md\:bg-indigo-200 {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.md\:bg-indigo-300 {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.md\:bg-indigo-400 {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.md\:bg-indigo-500 {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.md\:bg-indigo-600 {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.md\:bg-indigo-700 {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.md\:bg-indigo-800 {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.md\:bg-indigo-900 {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.md\:bg-purple-100 {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.md\:bg-purple-200 {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.md\:bg-purple-300 {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.md\:bg-purple-400 {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.md\:bg-purple-500 {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.md\:bg-purple-600 {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.md\:bg-purple-700 {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.md\:bg-purple-800 {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.md\:bg-purple-900 {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.md\:bg-pink-100 {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.md\:bg-pink-200 {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.md\:bg-pink-300 {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.md\:bg-pink-400 {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.md\:bg-pink-500 {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.md\:bg-pink-600 {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.md\:bg-pink-700 {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.md\:bg-pink-800 {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.md\:bg-pink-900 {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.md\:hover\:bg-transparent:hover {
@@ -21840,371 +30023,555 @@ video {
}
.md\:hover\:bg-black:hover {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.md\:hover\:bg-white:hover {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.md\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.md\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.md\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.md\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.md\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.md\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.md\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.md\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.md\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.md\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.md\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.md\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.md\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.md\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.md\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.md\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.md\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.md\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.md\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.md\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.md\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.md\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.md\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.md\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.md\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.md\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.md\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.md\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.md\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.md\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.md\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.md\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.md\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.md\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.md\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.md\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.md\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.md\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.md\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.md\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.md\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.md\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.md\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.md\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.md\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.md\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.md\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.md\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.md\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.md\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.md\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.md\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.md\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.md\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.md\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.md\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.md\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.md\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.md\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.md\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.md\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.md\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.md\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.md\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.md\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.md\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.md\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.md\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.md\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.md\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.md\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.md\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.md\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.md\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.md\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.md\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.md\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.md\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.md\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.md\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.md\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.md\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.md\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.md\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.md\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.md\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.md\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.md\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.md\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.md\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.md\:focus\:bg-transparent:focus {
@@ -22216,371 +30583,615 @@ video {
}
.md\:focus\:bg-black:focus {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.md\:focus\:bg-white:focus {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.md\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.md\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.md\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.md\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.md\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.md\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.md\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.md\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.md\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.md\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.md\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.md\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.md\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.md\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.md\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.md\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.md\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.md\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.md\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.md\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.md\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.md\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.md\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.md\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.md\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.md\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.md\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.md\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.md\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.md\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.md\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.md\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.md\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.md\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.md\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.md\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.md\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.md\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.md\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.md\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.md\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.md\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.md\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.md\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.md\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.md\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.md\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.md\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.md\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.md\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.md\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.md\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.md\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.md\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.md\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.md\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.md\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.md\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.md\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.md\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.md\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.md\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.md\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.md\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.md\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.md\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.md\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.md\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.md\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.md\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.md\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.md\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.md\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.md\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.md\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.md\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.md\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.md\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.md\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.md\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.md\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.md\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.md\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.md\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.md\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.md\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.md\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.md\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.md\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.md\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
+ }
+
+ .md\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .md\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .md\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .md\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .md\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .md\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .md\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .md\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .md\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .md\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .md\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .md\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .md\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .md\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .md\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
}
.md\:bg-bottom {
@@ -22672,371 +31283,555 @@ video {
}
.md\:border-black {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.md\:border-white {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.md\:border-gray-100 {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.md\:border-gray-200 {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.md\:border-gray-300 {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.md\:border-gray-400 {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.md\:border-gray-500 {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.md\:border-gray-600 {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.md\:border-gray-700 {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.md\:border-gray-800 {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.md\:border-gray-900 {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.md\:border-red-100 {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.md\:border-red-200 {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.md\:border-red-300 {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.md\:border-red-400 {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.md\:border-red-500 {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.md\:border-red-600 {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.md\:border-red-700 {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.md\:border-red-800 {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.md\:border-red-900 {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.md\:border-orange-100 {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.md\:border-orange-200 {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.md\:border-orange-300 {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.md\:border-orange-400 {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.md\:border-orange-500 {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.md\:border-orange-600 {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.md\:border-orange-700 {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.md\:border-orange-800 {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.md\:border-orange-900 {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.md\:border-yellow-100 {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.md\:border-yellow-200 {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.md\:border-yellow-300 {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.md\:border-yellow-400 {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.md\:border-yellow-500 {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.md\:border-yellow-600 {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.md\:border-yellow-700 {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.md\:border-yellow-800 {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.md\:border-yellow-900 {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.md\:border-green-100 {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.md\:border-green-200 {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.md\:border-green-300 {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.md\:border-green-400 {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.md\:border-green-500 {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.md\:border-green-600 {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.md\:border-green-700 {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.md\:border-green-800 {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.md\:border-green-900 {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.md\:border-teal-100 {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.md\:border-teal-200 {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.md\:border-teal-300 {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.md\:border-teal-400 {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.md\:border-teal-500 {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.md\:border-teal-600 {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.md\:border-teal-700 {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.md\:border-teal-800 {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.md\:border-teal-900 {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.md\:border-blue-100 {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.md\:border-blue-200 {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.md\:border-blue-300 {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.md\:border-blue-400 {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.md\:border-blue-500 {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.md\:border-blue-600 {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.md\:border-blue-700 {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.md\:border-blue-800 {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.md\:border-blue-900 {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.md\:border-indigo-100 {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.md\:border-indigo-200 {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.md\:border-indigo-300 {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.md\:border-indigo-400 {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.md\:border-indigo-500 {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.md\:border-indigo-600 {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.md\:border-indigo-700 {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.md\:border-indigo-800 {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.md\:border-indigo-900 {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.md\:border-purple-100 {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.md\:border-purple-200 {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.md\:border-purple-300 {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.md\:border-purple-400 {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.md\:border-purple-500 {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.md\:border-purple-600 {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.md\:border-purple-700 {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.md\:border-purple-800 {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.md\:border-purple-900 {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.md\:border-pink-100 {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.md\:border-pink-200 {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.md\:border-pink-300 {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.md\:border-pink-400 {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.md\:border-pink-500 {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.md\:border-pink-600 {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.md\:border-pink-700 {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.md\:border-pink-800 {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.md\:border-pink-900 {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.md\:hover\:border-transparent:hover {
@@ -23048,371 +31843,555 @@ video {
}
.md\:hover\:border-black:hover {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.md\:hover\:border-white:hover {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.md\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.md\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.md\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.md\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.md\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.md\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.md\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.md\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.md\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.md\:hover\:border-red-100:hover {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.md\:hover\:border-red-200:hover {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.md\:hover\:border-red-300:hover {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.md\:hover\:border-red-400:hover {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.md\:hover\:border-red-500:hover {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.md\:hover\:border-red-600:hover {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.md\:hover\:border-red-700:hover {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.md\:hover\:border-red-800:hover {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.md\:hover\:border-red-900:hover {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.md\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.md\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.md\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.md\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.md\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.md\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.md\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.md\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.md\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.md\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.md\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.md\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.md\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.md\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.md\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.md\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.md\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.md\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.md\:hover\:border-green-100:hover {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.md\:hover\:border-green-200:hover {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.md\:hover\:border-green-300:hover {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.md\:hover\:border-green-400:hover {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.md\:hover\:border-green-500:hover {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.md\:hover\:border-green-600:hover {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.md\:hover\:border-green-700:hover {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.md\:hover\:border-green-800:hover {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.md\:hover\:border-green-900:hover {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.md\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.md\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.md\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.md\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.md\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.md\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.md\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.md\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.md\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.md\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.md\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.md\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.md\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.md\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.md\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.md\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.md\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.md\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.md\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.md\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.md\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.md\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.md\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.md\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.md\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.md\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.md\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.md\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.md\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.md\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.md\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.md\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.md\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.md\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.md\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.md\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.md\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.md\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.md\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.md\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.md\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.md\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.md\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.md\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.md\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.md\:focus\:border-transparent:focus {
@@ -23424,371 +32403,615 @@ video {
}
.md\:focus\:border-black:focus {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.md\:focus\:border-white:focus {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.md\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.md\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.md\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.md\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.md\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.md\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.md\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.md\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.md\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.md\:focus\:border-red-100:focus {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.md\:focus\:border-red-200:focus {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.md\:focus\:border-red-300:focus {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.md\:focus\:border-red-400:focus {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.md\:focus\:border-red-500:focus {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.md\:focus\:border-red-600:focus {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.md\:focus\:border-red-700:focus {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.md\:focus\:border-red-800:focus {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.md\:focus\:border-red-900:focus {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.md\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.md\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.md\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.md\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.md\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.md\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.md\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.md\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.md\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.md\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.md\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.md\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.md\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.md\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.md\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.md\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.md\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.md\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.md\:focus\:border-green-100:focus {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.md\:focus\:border-green-200:focus {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.md\:focus\:border-green-300:focus {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.md\:focus\:border-green-400:focus {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.md\:focus\:border-green-500:focus {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.md\:focus\:border-green-600:focus {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.md\:focus\:border-green-700:focus {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.md\:focus\:border-green-800:focus {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.md\:focus\:border-green-900:focus {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.md\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.md\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.md\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.md\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.md\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.md\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.md\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.md\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.md\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.md\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.md\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.md\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.md\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.md\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.md\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.md\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.md\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.md\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.md\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.md\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.md\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.md\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.md\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.md\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.md\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.md\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.md\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.md\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.md\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.md\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.md\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.md\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.md\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.md\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.md\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.md\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.md\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.md\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.md\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.md\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.md\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.md\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.md\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.md\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.md\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
+ }
+
+ .md\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .md\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .md\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .md\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .md\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .md\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .md\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .md\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .md\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .md\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .md\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .md\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .md\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .md\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .md\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
}
.md\:rounded-none {
@@ -24199,10 +33422,6 @@ video {
display: inline;
}
- .md\:flow-root {
- display: flow-root;
- }
-
.md\:flex {
display: flex;
}
@@ -24211,14 +33430,6 @@ video {
display: inline-flex;
}
- .md\:grid {
- display: grid;
- }
-
- .md\:inline-grid {
- display: inline-grid;
- }
-
.md\:table {
display: table;
}
@@ -24255,6 +33466,18 @@ video {
display: table-row;
}
+ .md\:flow-root {
+ display: flow-root;
+ }
+
+ .md\:grid {
+ display: grid;
+ }
+
+ .md\:inline-grid {
+ display: inline-grid;
+ }
+
.md\:hidden {
display: none;
}
@@ -24705,6 +33928,46 @@ video {
height: 100vh;
}
+ .md\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .md\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .md\:text-base {
+ font-size: 1rem;
+ }
+
+ .md\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .md\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .md\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .md\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .md\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .md\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .md\:text-6xl {
+ font-size: 4rem;
+ }
+
.md\:leading-3 {
line-height: .75rem;
}
@@ -26193,6 +35456,42 @@ video {
-webkit-overflow-scrolling: auto;
}
+ .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\:p-0 {
padding: 0;
}
@@ -26772,371 +36071,555 @@ video {
}
.md\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.md\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.md\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.md\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.md\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.md\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.md\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.md\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.md\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.md\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.md\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.md\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.md\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.md\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.md\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.md\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.md\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.md\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.md\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.md\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.md\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.md\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.md\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.md\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.md\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.md\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.md\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.md\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.md\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.md\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.md\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.md\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.md\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.md\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.md\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.md\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.md\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.md\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.md\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.md\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.md\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.md\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.md\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.md\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.md\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.md\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.md\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.md\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.md\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.md\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.md\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.md\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.md\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.md\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.md\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.md\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.md\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.md\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.md\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.md\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.md\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.md\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.md\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.md\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.md\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.md\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.md\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.md\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.md\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.md\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.md\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.md\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.md\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.md\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.md\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.md\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.md\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.md\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.md\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.md\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.md\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.md\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.md\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.md\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.md\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.md\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.md\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.md\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.md\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.md\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.md\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.md\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
}
.md\:focus\:placeholder-transparent:focus::placeholder {
@@ -27148,371 +36631,595 @@ video {
}
.md\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.md\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.md\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.md\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.md\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.md\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.md\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.md\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.md\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.md\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.md\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.md\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
+ }
+
+ .md\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .md\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .md\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .md\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .md\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .md\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .md\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .md\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .md\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .md\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
}
.md\:pointer-events-none {
@@ -27798,371 +37505,555 @@ video {
}
.md\:text-black {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.md\:text-white {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.md\:text-gray-100 {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.md\:text-gray-200 {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.md\:text-gray-300 {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.md\:text-gray-400 {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.md\:text-gray-500 {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.md\:text-gray-600 {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.md\:text-gray-700 {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.md\:text-gray-800 {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.md\:text-gray-900 {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.md\:text-red-100 {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.md\:text-red-200 {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.md\:text-red-300 {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.md\:text-red-400 {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.md\:text-red-500 {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.md\:text-red-600 {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.md\:text-red-700 {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.md\:text-red-800 {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.md\:text-red-900 {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.md\:text-orange-100 {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.md\:text-orange-200 {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.md\:text-orange-300 {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.md\:text-orange-400 {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.md\:text-orange-500 {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.md\:text-orange-600 {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.md\:text-orange-700 {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.md\:text-orange-800 {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.md\:text-orange-900 {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.md\:text-yellow-100 {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.md\:text-yellow-200 {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.md\:text-yellow-300 {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.md\:text-yellow-400 {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.md\:text-yellow-500 {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.md\:text-yellow-600 {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.md\:text-yellow-700 {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.md\:text-yellow-800 {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.md\:text-yellow-900 {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.md\:text-green-100 {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.md\:text-green-200 {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.md\:text-green-300 {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.md\:text-green-400 {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.md\:text-green-500 {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.md\:text-green-600 {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.md\:text-green-700 {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.md\:text-green-800 {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.md\:text-green-900 {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.md\:text-teal-100 {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.md\:text-teal-200 {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.md\:text-teal-300 {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.md\:text-teal-400 {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.md\:text-teal-500 {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.md\:text-teal-600 {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.md\:text-teal-700 {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.md\:text-teal-800 {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.md\:text-teal-900 {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.md\:text-blue-100 {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.md\:text-blue-200 {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.md\:text-blue-300 {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.md\:text-blue-400 {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.md\:text-blue-500 {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.md\:text-blue-600 {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.md\:text-blue-700 {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.md\:text-blue-800 {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.md\:text-blue-900 {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.md\:text-indigo-100 {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.md\:text-indigo-200 {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.md\:text-indigo-300 {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.md\:text-indigo-400 {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.md\:text-indigo-500 {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.md\:text-indigo-600 {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.md\:text-indigo-700 {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.md\:text-indigo-800 {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.md\:text-indigo-900 {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.md\:text-purple-100 {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.md\:text-purple-200 {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.md\:text-purple-300 {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.md\:text-purple-400 {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.md\:text-purple-500 {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.md\:text-purple-600 {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.md\:text-purple-700 {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.md\:text-purple-800 {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.md\:text-purple-900 {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.md\:text-pink-100 {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.md\:text-pink-200 {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.md\:text-pink-300 {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.md\:text-pink-400 {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.md\:text-pink-500 {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.md\:text-pink-600 {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.md\:text-pink-700 {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.md\:text-pink-800 {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.md\:text-pink-900 {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.md\:hover\:text-transparent:hover {
@@ -28174,371 +38065,555 @@ video {
}
.md\:hover\:text-black:hover {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.md\:hover\:text-white:hover {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.md\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.md\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.md\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.md\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.md\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.md\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.md\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.md\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.md\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.md\:hover\:text-red-100:hover {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.md\:hover\:text-red-200:hover {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.md\:hover\:text-red-300:hover {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.md\:hover\:text-red-400:hover {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.md\:hover\:text-red-500:hover {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.md\:hover\:text-red-600:hover {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.md\:hover\:text-red-700:hover {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.md\:hover\:text-red-800:hover {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.md\:hover\:text-red-900:hover {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.md\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.md\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.md\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.md\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.md\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.md\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.md\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.md\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.md\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.md\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.md\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.md\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.md\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.md\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.md\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.md\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.md\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.md\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.md\:hover\:text-green-100:hover {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.md\:hover\:text-green-200:hover {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.md\:hover\:text-green-300:hover {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.md\:hover\:text-green-400:hover {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.md\:hover\:text-green-500:hover {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.md\:hover\:text-green-600:hover {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.md\:hover\:text-green-700:hover {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.md\:hover\:text-green-800:hover {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.md\:hover\:text-green-900:hover {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.md\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.md\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.md\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.md\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.md\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.md\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.md\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.md\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.md\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.md\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.md\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.md\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.md\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.md\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.md\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.md\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.md\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.md\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.md\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.md\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.md\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.md\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.md\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.md\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.md\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.md\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.md\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.md\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.md\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.md\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.md\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.md\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.md\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.md\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.md\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.md\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.md\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.md\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.md\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.md\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.md\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.md\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.md\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.md\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.md\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.md\:focus\:text-transparent:focus {
@@ -28550,411 +38625,615 @@ video {
}
.md\:focus\:text-black:focus {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.md\:focus\:text-white:focus {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.md\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.md\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.md\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.md\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.md\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.md\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.md\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.md\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.md\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.md\:focus\:text-red-100:focus {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.md\:focus\:text-red-200:focus {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.md\:focus\:text-red-300:focus {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.md\:focus\:text-red-400:focus {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.md\:focus\:text-red-500:focus {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.md\:focus\:text-red-600:focus {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.md\:focus\:text-red-700:focus {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.md\:focus\:text-red-800:focus {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.md\:focus\:text-red-900:focus {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.md\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.md\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.md\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.md\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.md\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.md\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.md\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.md\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.md\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.md\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.md\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.md\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.md\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.md\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.md\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.md\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.md\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.md\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.md\:focus\:text-green-100:focus {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.md\:focus\:text-green-200:focus {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.md\:focus\:text-green-300:focus {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.md\:focus\:text-green-400:focus {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.md\:focus\:text-green-500:focus {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.md\:focus\:text-green-600:focus {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.md\:focus\:text-green-700:focus {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.md\:focus\:text-green-800:focus {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.md\:focus\:text-green-900:focus {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.md\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.md\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.md\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.md\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.md\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.md\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.md\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.md\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.md\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.md\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.md\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.md\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.md\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.md\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.md\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.md\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.md\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.md\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.md\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.md\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.md\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.md\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.md\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.md\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.md\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.md\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.md\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.md\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.md\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.md\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.md\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.md\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.md\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.md\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.md\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.md\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.md\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.md\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.md\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.md\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.md\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.md\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.md\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.md\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.md\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
- .md\:text-xs {
- font-size: 0.75rem;
+ .md\:text-opacity-0 {
+ --text-opacity: 0;
}
- .md\:text-sm {
- font-size: 0.875rem;
+ .md\:text-opacity-25 {
+ --text-opacity: 0.25;
}
- .md\:text-base {
- font-size: 1rem;
+ .md\:text-opacity-50 {
+ --text-opacity: 0.5;
}
- .md\:text-lg {
- font-size: 1.125rem;
+ .md\:text-opacity-75 {
+ --text-opacity: 0.75;
}
- .md\:text-xl {
- font-size: 1.25rem;
+ .md\:text-opacity-100 {
+ --text-opacity: 1;
}
- .md\:text-2xl {
- font-size: 1.5rem;
+ .md\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
}
- .md\:text-3xl {
- font-size: 1.875rem;
+ .md\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
}
- .md\:text-4xl {
- font-size: 2.25rem;
+ .md\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
}
- .md\:text-5xl {
- font-size: 3rem;
+ .md\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
}
- .md\:text-6xl {
- font-size: 4rem;
+ .md\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .md\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .md\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .md\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .md\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .md\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
}
.md\:italic {
@@ -31780,6 +42059,26 @@ video {
transition-delay: 1000ms;
}
+ .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\:example {
font-weight: 700;
color: #f56565;
@@ -31787,6 +42086,1134 @@ video {
}
@media (min-width: 1024px) {
+ .lg\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .lg\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .lg\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .lg\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .lg\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .lg\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .lg\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .lg\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .lg\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .lg\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .lg\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .lg\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .lg\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .lg\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .lg\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .lg\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .lg\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .lg\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--divide-opacity));
+ }
+
+ .lg\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--divide-opacity));
+ }
+
+ .lg\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--divide-opacity));
+ }
+
+ .lg\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--divide-opacity));
+ }
+
+ .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--divide-opacity));
+ }
+
+ .lg\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--divide-opacity));
+ }
+
+ .lg\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--divide-opacity));
+ }
+
+ .lg\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--divide-opacity));
+ }
+
+ .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--divide-opacity));
+ }
+
+ .lg\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--divide-opacity));
+ }
+
+ .lg\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--divide-opacity));
+ }
+
+ .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
.lg\:sr-only {
position: absolute;
width: 1px;
@@ -31858,371 +43285,555 @@ video {
}
.lg\:bg-black {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.lg\:bg-white {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.lg\:bg-gray-100 {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.lg\:bg-gray-200 {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.lg\:bg-gray-300 {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.lg\:bg-gray-400 {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.lg\:bg-gray-500 {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.lg\:bg-gray-600 {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.lg\:bg-gray-700 {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.lg\:bg-gray-800 {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.lg\:bg-gray-900 {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.lg\:bg-red-100 {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.lg\:bg-red-200 {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.lg\:bg-red-300 {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.lg\:bg-red-400 {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.lg\:bg-red-500 {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.lg\:bg-red-600 {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.lg\:bg-red-700 {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.lg\:bg-red-800 {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.lg\:bg-red-900 {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.lg\:bg-orange-100 {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.lg\:bg-orange-200 {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.lg\:bg-orange-300 {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.lg\:bg-orange-400 {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.lg\:bg-orange-500 {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.lg\:bg-orange-600 {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.lg\:bg-orange-700 {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.lg\:bg-orange-800 {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.lg\:bg-orange-900 {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.lg\:bg-yellow-100 {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.lg\:bg-yellow-200 {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.lg\:bg-yellow-300 {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.lg\:bg-yellow-400 {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.lg\:bg-yellow-500 {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.lg\:bg-yellow-600 {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.lg\:bg-yellow-700 {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.lg\:bg-yellow-800 {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.lg\:bg-yellow-900 {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.lg\:bg-green-100 {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.lg\:bg-green-200 {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.lg\:bg-green-300 {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.lg\:bg-green-400 {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.lg\:bg-green-500 {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.lg\:bg-green-600 {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.lg\:bg-green-700 {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.lg\:bg-green-800 {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.lg\:bg-green-900 {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.lg\:bg-teal-100 {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.lg\:bg-teal-200 {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.lg\:bg-teal-300 {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.lg\:bg-teal-400 {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.lg\:bg-teal-500 {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.lg\:bg-teal-600 {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.lg\:bg-teal-700 {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.lg\:bg-teal-800 {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.lg\:bg-teal-900 {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.lg\:bg-blue-100 {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.lg\:bg-blue-200 {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.lg\:bg-blue-300 {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.lg\:bg-blue-400 {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.lg\:bg-blue-500 {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.lg\:bg-blue-600 {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.lg\:bg-blue-700 {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.lg\:bg-blue-800 {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.lg\:bg-blue-900 {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.lg\:bg-indigo-100 {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.lg\:bg-indigo-200 {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.lg\:bg-indigo-300 {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.lg\:bg-indigo-400 {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.lg\:bg-indigo-500 {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.lg\:bg-indigo-600 {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.lg\:bg-indigo-700 {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.lg\:bg-indigo-800 {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.lg\:bg-indigo-900 {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.lg\:bg-purple-100 {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.lg\:bg-purple-200 {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.lg\:bg-purple-300 {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.lg\:bg-purple-400 {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.lg\:bg-purple-500 {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.lg\:bg-purple-600 {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.lg\:bg-purple-700 {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.lg\:bg-purple-800 {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.lg\:bg-purple-900 {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.lg\:bg-pink-100 {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.lg\:bg-pink-200 {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.lg\:bg-pink-300 {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.lg\:bg-pink-400 {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.lg\:bg-pink-500 {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.lg\:bg-pink-600 {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.lg\:bg-pink-700 {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.lg\:bg-pink-800 {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.lg\:bg-pink-900 {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.lg\:hover\:bg-transparent:hover {
@@ -32234,371 +43845,555 @@ video {
}
.lg\:hover\:bg-black:hover {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.lg\:hover\:bg-white:hover {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.lg\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.lg\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.lg\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.lg\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.lg\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.lg\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.lg\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.lg\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.lg\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.lg\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.lg\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.lg\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.lg\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.lg\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.lg\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.lg\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.lg\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.lg\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.lg\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.lg\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.lg\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.lg\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.lg\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.lg\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.lg\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.lg\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.lg\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.lg\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.lg\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.lg\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.lg\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.lg\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.lg\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.lg\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.lg\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.lg\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.lg\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.lg\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.lg\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.lg\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.lg\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.lg\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.lg\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.lg\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.lg\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.lg\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.lg\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.lg\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.lg\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.lg\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.lg\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.lg\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.lg\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.lg\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.lg\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.lg\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.lg\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.lg\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.lg\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.lg\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.lg\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.lg\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.lg\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.lg\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.lg\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.lg\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.lg\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.lg\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.lg\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.lg\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.lg\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.lg\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.lg\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.lg\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.lg\:focus\:bg-transparent:focus {
@@ -32610,371 +44405,615 @@ video {
}
.lg\:focus\:bg-black:focus {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.lg\:focus\:bg-white:focus {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.lg\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.lg\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.lg\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.lg\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.lg\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.lg\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.lg\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.lg\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.lg\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.lg\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.lg\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.lg\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.lg\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.lg\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.lg\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.lg\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.lg\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.lg\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.lg\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.lg\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.lg\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.lg\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.lg\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.lg\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.lg\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.lg\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.lg\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.lg\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.lg\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.lg\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.lg\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.lg\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.lg\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.lg\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.lg\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.lg\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.lg\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.lg\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.lg\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.lg\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.lg\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.lg\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.lg\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.lg\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.lg\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.lg\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.lg\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.lg\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.lg\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.lg\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.lg\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.lg\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.lg\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.lg\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.lg\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.lg\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.lg\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.lg\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.lg\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.lg\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.lg\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.lg\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.lg\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.lg\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.lg\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.lg\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.lg\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.lg\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.lg\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.lg\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.lg\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.lg\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.lg\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.lg\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
+ }
+
+ .lg\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .lg\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .lg\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .lg\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .lg\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .lg\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .lg\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .lg\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .lg\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .lg\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .lg\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .lg\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .lg\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .lg\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .lg\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
}
.lg\:bg-bottom {
@@ -33066,371 +45105,555 @@ video {
}
.lg\:border-black {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.lg\:border-white {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.lg\:border-gray-100 {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.lg\:border-gray-200 {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.lg\:border-gray-300 {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.lg\:border-gray-400 {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.lg\:border-gray-500 {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.lg\:border-gray-600 {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.lg\:border-gray-700 {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.lg\:border-gray-800 {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.lg\:border-gray-900 {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.lg\:border-red-100 {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.lg\:border-red-200 {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.lg\:border-red-300 {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.lg\:border-red-400 {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.lg\:border-red-500 {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.lg\:border-red-600 {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.lg\:border-red-700 {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.lg\:border-red-800 {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.lg\:border-red-900 {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.lg\:border-orange-100 {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.lg\:border-orange-200 {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.lg\:border-orange-300 {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.lg\:border-orange-400 {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.lg\:border-orange-500 {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.lg\:border-orange-600 {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.lg\:border-orange-700 {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.lg\:border-orange-800 {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.lg\:border-orange-900 {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.lg\:border-yellow-100 {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.lg\:border-yellow-200 {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.lg\:border-yellow-300 {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.lg\:border-yellow-400 {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.lg\:border-yellow-500 {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.lg\:border-yellow-600 {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.lg\:border-yellow-700 {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.lg\:border-yellow-800 {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.lg\:border-yellow-900 {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.lg\:border-green-100 {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.lg\:border-green-200 {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.lg\:border-green-300 {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.lg\:border-green-400 {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.lg\:border-green-500 {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.lg\:border-green-600 {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.lg\:border-green-700 {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.lg\:border-green-800 {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.lg\:border-green-900 {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.lg\:border-teal-100 {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.lg\:border-teal-200 {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.lg\:border-teal-300 {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.lg\:border-teal-400 {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.lg\:border-teal-500 {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.lg\:border-teal-600 {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.lg\:border-teal-700 {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.lg\:border-teal-800 {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.lg\:border-teal-900 {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.lg\:border-blue-100 {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.lg\:border-blue-200 {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.lg\:border-blue-300 {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.lg\:border-blue-400 {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.lg\:border-blue-500 {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.lg\:border-blue-600 {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.lg\:border-blue-700 {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.lg\:border-blue-800 {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.lg\:border-blue-900 {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.lg\:border-indigo-100 {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.lg\:border-indigo-200 {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.lg\:border-indigo-300 {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.lg\:border-indigo-400 {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.lg\:border-indigo-500 {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.lg\:border-indigo-600 {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.lg\:border-indigo-700 {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.lg\:border-indigo-800 {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.lg\:border-indigo-900 {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.lg\:border-purple-100 {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.lg\:border-purple-200 {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.lg\:border-purple-300 {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.lg\:border-purple-400 {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.lg\:border-purple-500 {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.lg\:border-purple-600 {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.lg\:border-purple-700 {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.lg\:border-purple-800 {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.lg\:border-purple-900 {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.lg\:border-pink-100 {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.lg\:border-pink-200 {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.lg\:border-pink-300 {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.lg\:border-pink-400 {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.lg\:border-pink-500 {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.lg\:border-pink-600 {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.lg\:border-pink-700 {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.lg\:border-pink-800 {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.lg\:border-pink-900 {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.lg\:hover\:border-transparent:hover {
@@ -33442,371 +45665,555 @@ video {
}
.lg\:hover\:border-black:hover {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.lg\:hover\:border-white:hover {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.lg\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.lg\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.lg\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.lg\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.lg\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.lg\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.lg\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.lg\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.lg\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.lg\:hover\:border-red-100:hover {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.lg\:hover\:border-red-200:hover {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.lg\:hover\:border-red-300:hover {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.lg\:hover\:border-red-400:hover {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.lg\:hover\:border-red-500:hover {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.lg\:hover\:border-red-600:hover {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.lg\:hover\:border-red-700:hover {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.lg\:hover\:border-red-800:hover {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.lg\:hover\:border-red-900:hover {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.lg\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.lg\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.lg\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.lg\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.lg\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.lg\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.lg\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.lg\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.lg\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.lg\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.lg\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.lg\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.lg\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.lg\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.lg\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.lg\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.lg\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.lg\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.lg\:hover\:border-green-100:hover {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.lg\:hover\:border-green-200:hover {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.lg\:hover\:border-green-300:hover {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.lg\:hover\:border-green-400:hover {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.lg\:hover\:border-green-500:hover {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.lg\:hover\:border-green-600:hover {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.lg\:hover\:border-green-700:hover {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.lg\:hover\:border-green-800:hover {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.lg\:hover\:border-green-900:hover {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.lg\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.lg\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.lg\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.lg\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.lg\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.lg\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.lg\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.lg\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.lg\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.lg\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.lg\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.lg\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.lg\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.lg\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.lg\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.lg\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.lg\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.lg\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.lg\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.lg\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.lg\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.lg\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.lg\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.lg\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.lg\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.lg\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.lg\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.lg\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.lg\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.lg\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.lg\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.lg\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.lg\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.lg\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.lg\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.lg\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.lg\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.lg\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.lg\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.lg\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.lg\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.lg\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.lg\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.lg\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.lg\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.lg\:focus\:border-transparent:focus {
@@ -33818,371 +46225,615 @@ video {
}
.lg\:focus\:border-black:focus {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.lg\:focus\:border-white:focus {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.lg\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.lg\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.lg\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.lg\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.lg\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.lg\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.lg\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.lg\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.lg\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.lg\:focus\:border-red-100:focus {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.lg\:focus\:border-red-200:focus {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.lg\:focus\:border-red-300:focus {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.lg\:focus\:border-red-400:focus {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.lg\:focus\:border-red-500:focus {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.lg\:focus\:border-red-600:focus {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.lg\:focus\:border-red-700:focus {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.lg\:focus\:border-red-800:focus {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.lg\:focus\:border-red-900:focus {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.lg\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.lg\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.lg\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.lg\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.lg\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.lg\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.lg\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.lg\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.lg\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.lg\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.lg\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.lg\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.lg\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.lg\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.lg\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.lg\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.lg\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.lg\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.lg\:focus\:border-green-100:focus {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.lg\:focus\:border-green-200:focus {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.lg\:focus\:border-green-300:focus {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.lg\:focus\:border-green-400:focus {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.lg\:focus\:border-green-500:focus {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.lg\:focus\:border-green-600:focus {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.lg\:focus\:border-green-700:focus {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.lg\:focus\:border-green-800:focus {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.lg\:focus\:border-green-900:focus {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.lg\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.lg\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.lg\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.lg\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.lg\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.lg\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.lg\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.lg\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.lg\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.lg\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.lg\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.lg\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.lg\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.lg\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.lg\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.lg\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.lg\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.lg\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.lg\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.lg\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.lg\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.lg\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.lg\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.lg\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.lg\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.lg\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.lg\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.lg\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.lg\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.lg\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.lg\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.lg\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.lg\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.lg\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.lg\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.lg\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.lg\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.lg\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.lg\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.lg\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.lg\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.lg\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.lg\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.lg\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.lg\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
+ }
+
+ .lg\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .lg\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .lg\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .lg\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .lg\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .lg\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .lg\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .lg\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .lg\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .lg\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .lg\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .lg\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .lg\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .lg\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .lg\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
}
.lg\:rounded-none {
@@ -34593,10 +47244,6 @@ video {
display: inline;
}
- .lg\:flow-root {
- display: flow-root;
- }
-
.lg\:flex {
display: flex;
}
@@ -34605,14 +47252,6 @@ video {
display: inline-flex;
}
- .lg\:grid {
- display: grid;
- }
-
- .lg\:inline-grid {
- display: inline-grid;
- }
-
.lg\:table {
display: table;
}
@@ -34649,6 +47288,18 @@ video {
display: table-row;
}
+ .lg\:flow-root {
+ display: flow-root;
+ }
+
+ .lg\:grid {
+ display: grid;
+ }
+
+ .lg\:inline-grid {
+ display: inline-grid;
+ }
+
.lg\:hidden {
display: none;
}
@@ -35099,6 +47750,46 @@ video {
height: 100vh;
}
+ .lg\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .lg\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .lg\:text-base {
+ font-size: 1rem;
+ }
+
+ .lg\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .lg\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .lg\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .lg\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .lg\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .lg\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .lg\:text-6xl {
+ font-size: 4rem;
+ }
+
.lg\:leading-3 {
line-height: .75rem;
}
@@ -36587,6 +49278,42 @@ video {
-webkit-overflow-scrolling: auto;
}
+ .lg\:overscroll-auto {
+ overscroll-behavior: auto;
+ }
+
+ .lg\:overscroll-contain {
+ overscroll-behavior: contain;
+ }
+
+ .lg\:overscroll-none {
+ overscroll-behavior: none;
+ }
+
+ .lg\:overscroll-y-auto {
+ overscroll-behavior-y: auto;
+ }
+
+ .lg\:overscroll-y-contain {
+ overscroll-behavior-y: contain;
+ }
+
+ .lg\:overscroll-y-none {
+ overscroll-behavior-y: none;
+ }
+
+ .lg\:overscroll-x-auto {
+ overscroll-behavior-x: auto;
+ }
+
+ .lg\:overscroll-x-contain {
+ overscroll-behavior-x: contain;
+ }
+
+ .lg\:overscroll-x-none {
+ overscroll-behavior-x: none;
+ }
+
.lg\:p-0 {
padding: 0;
}
@@ -37166,371 +49893,555 @@ video {
}
.lg\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.lg\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.lg\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.lg\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.lg\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.lg\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.lg\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.lg\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.lg\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.lg\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.lg\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.lg\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.lg\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.lg\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.lg\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.lg\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.lg\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.lg\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.lg\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.lg\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.lg\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.lg\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.lg\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.lg\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.lg\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.lg\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.lg\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.lg\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.lg\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.lg\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.lg\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.lg\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.lg\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.lg\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.lg\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.lg\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.lg\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.lg\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.lg\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.lg\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.lg\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.lg\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.lg\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.lg\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.lg\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.lg\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.lg\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.lg\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.lg\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.lg\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.lg\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.lg\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.lg\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.lg\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.lg\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.lg\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.lg\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.lg\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.lg\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.lg\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.lg\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.lg\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.lg\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.lg\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.lg\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.lg\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.lg\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.lg\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.lg\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.lg\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.lg\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.lg\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.lg\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.lg\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.lg\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.lg\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-transparent:focus::placeholder {
@@ -37542,371 +50453,595 @@ video {
}
.lg\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.lg\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
+ }
+
+ .lg\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .lg\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .lg\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .lg\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .lg\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .lg\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .lg\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .lg\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .lg\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .lg\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
}
.lg\:pointer-events-none {
@@ -38192,371 +51327,555 @@ video {
}
.lg\:text-black {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.lg\:text-white {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.lg\:text-gray-100 {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.lg\:text-gray-200 {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.lg\:text-gray-300 {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.lg\:text-gray-400 {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.lg\:text-gray-500 {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.lg\:text-gray-600 {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.lg\:text-gray-700 {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.lg\:text-gray-800 {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.lg\:text-gray-900 {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.lg\:text-red-100 {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.lg\:text-red-200 {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.lg\:text-red-300 {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.lg\:text-red-400 {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.lg\:text-red-500 {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.lg\:text-red-600 {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.lg\:text-red-700 {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.lg\:text-red-800 {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.lg\:text-red-900 {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.lg\:text-orange-100 {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.lg\:text-orange-200 {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.lg\:text-orange-300 {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.lg\:text-orange-400 {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.lg\:text-orange-500 {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.lg\:text-orange-600 {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.lg\:text-orange-700 {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.lg\:text-orange-800 {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.lg\:text-orange-900 {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.lg\:text-yellow-100 {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.lg\:text-yellow-200 {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.lg\:text-yellow-300 {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.lg\:text-yellow-400 {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.lg\:text-yellow-500 {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.lg\:text-yellow-600 {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.lg\:text-yellow-700 {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.lg\:text-yellow-800 {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.lg\:text-yellow-900 {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.lg\:text-green-100 {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.lg\:text-green-200 {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.lg\:text-green-300 {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.lg\:text-green-400 {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.lg\:text-green-500 {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.lg\:text-green-600 {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.lg\:text-green-700 {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.lg\:text-green-800 {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.lg\:text-green-900 {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.lg\:text-teal-100 {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.lg\:text-teal-200 {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.lg\:text-teal-300 {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.lg\:text-teal-400 {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.lg\:text-teal-500 {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.lg\:text-teal-600 {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.lg\:text-teal-700 {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.lg\:text-teal-800 {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.lg\:text-teal-900 {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.lg\:text-blue-100 {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.lg\:text-blue-200 {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.lg\:text-blue-300 {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.lg\:text-blue-400 {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.lg\:text-blue-500 {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.lg\:text-blue-600 {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.lg\:text-blue-700 {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.lg\:text-blue-800 {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.lg\:text-blue-900 {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.lg\:text-indigo-100 {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.lg\:text-indigo-200 {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.lg\:text-indigo-300 {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.lg\:text-indigo-400 {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.lg\:text-indigo-500 {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.lg\:text-indigo-600 {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.lg\:text-indigo-700 {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.lg\:text-indigo-800 {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.lg\:text-indigo-900 {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.lg\:text-purple-100 {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.lg\:text-purple-200 {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.lg\:text-purple-300 {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.lg\:text-purple-400 {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.lg\:text-purple-500 {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.lg\:text-purple-600 {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.lg\:text-purple-700 {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.lg\:text-purple-800 {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.lg\:text-purple-900 {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.lg\:text-pink-100 {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.lg\:text-pink-200 {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.lg\:text-pink-300 {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.lg\:text-pink-400 {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.lg\:text-pink-500 {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.lg\:text-pink-600 {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.lg\:text-pink-700 {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.lg\:text-pink-800 {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.lg\:text-pink-900 {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.lg\:hover\:text-transparent:hover {
@@ -38568,371 +51887,555 @@ video {
}
.lg\:hover\:text-black:hover {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.lg\:hover\:text-white:hover {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.lg\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.lg\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.lg\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.lg\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.lg\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.lg\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.lg\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.lg\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.lg\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.lg\:hover\:text-red-100:hover {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.lg\:hover\:text-red-200:hover {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.lg\:hover\:text-red-300:hover {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.lg\:hover\:text-red-400:hover {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.lg\:hover\:text-red-500:hover {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.lg\:hover\:text-red-600:hover {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.lg\:hover\:text-red-700:hover {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.lg\:hover\:text-red-800:hover {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.lg\:hover\:text-red-900:hover {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.lg\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.lg\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.lg\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.lg\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.lg\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.lg\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.lg\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.lg\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.lg\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.lg\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.lg\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.lg\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.lg\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.lg\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.lg\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.lg\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.lg\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.lg\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.lg\:hover\:text-green-100:hover {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.lg\:hover\:text-green-200:hover {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.lg\:hover\:text-green-300:hover {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.lg\:hover\:text-green-400:hover {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.lg\:hover\:text-green-500:hover {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.lg\:hover\:text-green-600:hover {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.lg\:hover\:text-green-700:hover {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.lg\:hover\:text-green-800:hover {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.lg\:hover\:text-green-900:hover {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.lg\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.lg\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.lg\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.lg\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.lg\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.lg\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.lg\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.lg\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.lg\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.lg\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.lg\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.lg\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.lg\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.lg\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.lg\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.lg\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.lg\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.lg\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.lg\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.lg\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.lg\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.lg\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.lg\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.lg\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.lg\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.lg\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.lg\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.lg\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.lg\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.lg\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.lg\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.lg\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.lg\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.lg\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.lg\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.lg\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.lg\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.lg\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.lg\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.lg\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.lg\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.lg\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.lg\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.lg\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.lg\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.lg\:focus\:text-transparent:focus {
@@ -38944,411 +52447,615 @@ video {
}
.lg\:focus\:text-black:focus {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.lg\:focus\:text-white:focus {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.lg\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.lg\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.lg\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.lg\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.lg\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.lg\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.lg\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.lg\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.lg\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.lg\:focus\:text-red-100:focus {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.lg\:focus\:text-red-200:focus {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.lg\:focus\:text-red-300:focus {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.lg\:focus\:text-red-400:focus {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.lg\:focus\:text-red-500:focus {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.lg\:focus\:text-red-600:focus {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.lg\:focus\:text-red-700:focus {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.lg\:focus\:text-red-800:focus {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.lg\:focus\:text-red-900:focus {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.lg\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.lg\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.lg\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.lg\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.lg\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.lg\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.lg\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.lg\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.lg\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.lg\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.lg\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.lg\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.lg\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.lg\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.lg\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.lg\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.lg\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.lg\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.lg\:focus\:text-green-100:focus {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.lg\:focus\:text-green-200:focus {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.lg\:focus\:text-green-300:focus {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.lg\:focus\:text-green-400:focus {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.lg\:focus\:text-green-500:focus {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.lg\:focus\:text-green-600:focus {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.lg\:focus\:text-green-700:focus {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.lg\:focus\:text-green-800:focus {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.lg\:focus\:text-green-900:focus {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.lg\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.lg\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.lg\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.lg\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.lg\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.lg\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.lg\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.lg\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.lg\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.lg\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.lg\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.lg\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.lg\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.lg\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.lg\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.lg\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.lg\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.lg\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.lg\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.lg\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.lg\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.lg\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.lg\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.lg\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.lg\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.lg\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.lg\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.lg\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.lg\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.lg\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.lg\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.lg\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.lg\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.lg\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.lg\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.lg\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.lg\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.lg\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.lg\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.lg\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.lg\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.lg\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.lg\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.lg\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.lg\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
- .lg\:text-xs {
- font-size: 0.75rem;
+ .lg\:text-opacity-0 {
+ --text-opacity: 0;
}
- .lg\:text-sm {
- font-size: 0.875rem;
+ .lg\:text-opacity-25 {
+ --text-opacity: 0.25;
}
- .lg\:text-base {
- font-size: 1rem;
+ .lg\:text-opacity-50 {
+ --text-opacity: 0.5;
}
- .lg\:text-lg {
- font-size: 1.125rem;
+ .lg\:text-opacity-75 {
+ --text-opacity: 0.75;
}
- .lg\:text-xl {
- font-size: 1.25rem;
+ .lg\:text-opacity-100 {
+ --text-opacity: 1;
}
- .lg\:text-2xl {
- font-size: 1.5rem;
+ .lg\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
}
- .lg\:text-3xl {
- font-size: 1.875rem;
+ .lg\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
}
- .lg\:text-4xl {
- font-size: 2.25rem;
+ .lg\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
}
- .lg\:text-5xl {
- font-size: 3rem;
+ .lg\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
}
- .lg\:text-6xl {
- font-size: 4rem;
+ .lg\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .lg\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .lg\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .lg\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .lg\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .lg\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
}
.lg\:italic {
@@ -42174,6 +55881,26 @@ video {
transition-delay: 1000ms;
}
+ .lg\:animate-none {
+ animation: none;
+ }
+
+ .lg\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .lg\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .lg\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .lg\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
.lg\:example {
font-weight: 700;
color: #f56565;
@@ -42181,6 +55908,1134 @@ video {
}
@media (min-width: 1280px) {
+ .xl\:container {
+ width: 100%;
+ }
+
+ @media (min-width: 640px) {
+ .xl\:container {
+ max-width: 640px;
+ }
+ }
+
+ @media (min-width: 768px) {
+ .xl\:container {
+ max-width: 768px;
+ }
+ }
+
+ @media (min-width: 1024px) {
+ .xl\:container {
+ max-width: 1024px;
+ }
+ }
+
+ @media (min-width: 1280px) {
+ .xl\:container {
+ max-width: 1280px;
+ }
+ }
+
+ .xl\:space-y-0 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0px * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-0 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0px * var(--space-x-reverse));
+ margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(0.75rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(0.75rem * var(--space-x-reverse));
+ margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1rem * var(--space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.25rem * var(--space-x-reverse));
+ margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1.5rem * var(--space-x-reverse));
+ margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2rem * var(--space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(2.5rem * var(--space-x-reverse));
+ margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(3rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(3rem * var(--space-x-reverse));
+ margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(4rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(4rem * var(--space-x-reverse));
+ margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(5rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(5rem * var(--space-x-reverse));
+ margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(6rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(6rem * var(--space-x-reverse));
+ margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(8rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(8rem * var(--space-x-reverse));
+ margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(10rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(10rem * var(--space-x-reverse));
+ margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(12rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(12rem * var(--space-x-reverse));
+ margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(14rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(14rem * var(--space-x-reverse));
+ margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(16rem * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(16rem * var(--space-x-reverse));
+ margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(1px * var(--space-y-reverse));
+ }
+
+ .xl\:space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(1px * var(--space-x-reverse));
+ margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-1 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-1 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.25rem * var(--space-x-reverse));
+ margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-2 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-2 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.5rem * var(--space-x-reverse));
+ margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-3 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-3 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-0.75rem * var(--space-x-reverse));
+ margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-4 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-4 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1rem * var(--space-x-reverse));
+ margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-5 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-5 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.25rem * var(--space-x-reverse));
+ margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-6 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-6 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1.5rem * var(--space-x-reverse));
+ margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-8 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-8 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2rem * var(--space-x-reverse));
+ margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-10 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-10 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-2.5rem * var(--space-x-reverse));
+ margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-12 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-3rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-12 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-3rem * var(--space-x-reverse));
+ margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-16 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-4rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-16 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-4rem * var(--space-x-reverse));
+ margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-20 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-5rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-20 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-5rem * var(--space-x-reverse));
+ margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-24 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-6rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-24 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-6rem * var(--space-x-reverse));
+ margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-32 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-8rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-32 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-8rem * var(--space-x-reverse));
+ margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-40 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-10rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-40 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-10rem * var(--space-x-reverse));
+ margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-48 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-12rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-48 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-12rem * var(--space-x-reverse));
+ margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-56 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-14rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-56 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-14rem * var(--space-x-reverse));
+ margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-64 > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-16rem * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-64 > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-16rem * var(--space-x-reverse));
+ margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:-space-y-px > :not(template) ~ :not(template) {
+ --space-y-reverse: 0;
+ margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+ margin-bottom: calc(-1px * var(--space-y-reverse));
+ }
+
+ .xl\:-space-x-px > :not(template) ~ :not(template) {
+ --space-x-reverse: 0;
+ margin-right: calc(-1px * var(--space-x-reverse));
+ margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+ }
+
+ .xl\:space-y-reverse > :not(template) ~ :not(template) {
+ --space-y-reverse: 1;
+ }
+
+ .xl\:space-x-reverse > :not(template) ~ :not(template) {
+ --space-x-reverse: 1;
+ }
+
+ .xl\:divide-y-0 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(0px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-0 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(0px * var(--divide-x-reverse));
+ border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-2 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(2px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-2 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(2px * var(--divide-x-reverse));
+ border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-4 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(4px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-4 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(4px * var(--divide-x-reverse));
+ border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-8 > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(8px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x-8 > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(8px * var(--divide-x-reverse));
+ border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y > :not(template) ~ :not(template) {
+ --divide-y-reverse: 0;
+ border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+ border-bottom-width: calc(1px * var(--divide-y-reverse));
+ }
+
+ .xl\:divide-x > :not(template) ~ :not(template) {
+ --divide-x-reverse: 0;
+ border-right-width: calc(1px * var(--divide-x-reverse));
+ border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+ }
+
+ .xl\:divide-y-reverse > :not(template) ~ :not(template) {
+ --divide-y-reverse: 1;
+ }
+
+ .xl\:divide-x-reverse > :not(template) ~ :not(template) {
+ --divide-x-reverse: 1;
+ }
+
+ .xl\:divide-transparent > :not(template) ~ :not(template) {
+ border-color: transparent;
+ }
+
+ .xl\:divide-current > :not(template) ~ :not(template) {
+ border-color: currentColor;
+ }
+
+ .xl\:divide-black > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #000;
+ border-color: rgba(0, 0, 0, var(--divide-opacity));
+ }
+
+ .xl\:divide-white > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--divide-opacity));
+ }
+
+ .xl\:divide-gray-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--divide-opacity));
+ }
+
+ .xl\:divide-red-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--divide-opacity));
+ }
+
+ .xl\:divide-orange-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--divide-opacity));
+ }
+
+ .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--divide-opacity));
+ }
+
+ .xl\:divide-green-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--divide-opacity));
+ }
+
+ .xl\:divide-teal-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--divide-opacity));
+ }
+
+ .xl\:divide-blue-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--divide-opacity));
+ }
+
+ .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--divide-opacity));
+ }
+
+ .xl\:divide-purple-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-200 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-300 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-400 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-500 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-600 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-700 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-800 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--divide-opacity));
+ }
+
+ .xl\:divide-pink-900 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--divide-opacity));
+ }
+
+ .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
+ --divide-opacity: 0;
+ }
+
+ .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.25;
+ }
+
+ .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.5;
+ }
+
+ .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
+ --divide-opacity: 0.75;
+ }
+
+ .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
+ --divide-opacity: 1;
+ }
+
.xl\:sr-only {
position: absolute;
width: 1px;
@@ -42252,371 +57107,555 @@ video {
}
.xl\:bg-black {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.xl\:bg-white {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.xl\:bg-gray-100 {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.xl\:bg-gray-200 {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.xl\:bg-gray-300 {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.xl\:bg-gray-400 {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.xl\:bg-gray-500 {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.xl\:bg-gray-600 {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.xl\:bg-gray-700 {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.xl\:bg-gray-800 {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.xl\:bg-gray-900 {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.xl\:bg-red-100 {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.xl\:bg-red-200 {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.xl\:bg-red-300 {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.xl\:bg-red-400 {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.xl\:bg-red-500 {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.xl\:bg-red-600 {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.xl\:bg-red-700 {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.xl\:bg-red-800 {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.xl\:bg-red-900 {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.xl\:bg-orange-100 {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.xl\:bg-orange-200 {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.xl\:bg-orange-300 {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.xl\:bg-orange-400 {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.xl\:bg-orange-500 {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.xl\:bg-orange-600 {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.xl\:bg-orange-700 {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.xl\:bg-orange-800 {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.xl\:bg-orange-900 {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.xl\:bg-yellow-100 {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.xl\:bg-yellow-200 {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.xl\:bg-yellow-300 {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.xl\:bg-yellow-400 {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.xl\:bg-yellow-500 {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.xl\:bg-yellow-600 {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.xl\:bg-yellow-700 {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.xl\:bg-yellow-800 {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.xl\:bg-yellow-900 {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.xl\:bg-green-100 {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.xl\:bg-green-200 {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.xl\:bg-green-300 {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.xl\:bg-green-400 {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.xl\:bg-green-500 {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.xl\:bg-green-600 {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.xl\:bg-green-700 {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.xl\:bg-green-800 {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.xl\:bg-green-900 {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.xl\:bg-teal-100 {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.xl\:bg-teal-200 {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.xl\:bg-teal-300 {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.xl\:bg-teal-400 {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.xl\:bg-teal-500 {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.xl\:bg-teal-600 {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.xl\:bg-teal-700 {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.xl\:bg-teal-800 {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.xl\:bg-teal-900 {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.xl\:bg-blue-100 {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.xl\:bg-blue-200 {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.xl\:bg-blue-300 {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.xl\:bg-blue-400 {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.xl\:bg-blue-500 {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.xl\:bg-blue-600 {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.xl\:bg-blue-700 {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.xl\:bg-blue-800 {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.xl\:bg-blue-900 {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.xl\:bg-indigo-100 {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.xl\:bg-indigo-200 {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.xl\:bg-indigo-300 {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.xl\:bg-indigo-400 {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.xl\:bg-indigo-500 {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.xl\:bg-indigo-600 {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.xl\:bg-indigo-700 {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.xl\:bg-indigo-800 {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.xl\:bg-indigo-900 {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.xl\:bg-purple-100 {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.xl\:bg-purple-200 {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.xl\:bg-purple-300 {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.xl\:bg-purple-400 {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.xl\:bg-purple-500 {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.xl\:bg-purple-600 {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.xl\:bg-purple-700 {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.xl\:bg-purple-800 {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.xl\:bg-purple-900 {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.xl\:bg-pink-100 {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.xl\:bg-pink-200 {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.xl\:bg-pink-300 {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.xl\:bg-pink-400 {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.xl\:bg-pink-500 {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.xl\:bg-pink-600 {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.xl\:bg-pink-700 {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.xl\:bg-pink-800 {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.xl\:bg-pink-900 {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.xl\:hover\:bg-transparent:hover {
@@ -42628,371 +57667,555 @@ video {
}
.xl\:hover\:bg-black:hover {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.xl\:hover\:bg-white:hover {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.xl\:hover\:bg-gray-100:hover {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.xl\:hover\:bg-gray-200:hover {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.xl\:hover\:bg-gray-300:hover {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.xl\:hover\:bg-gray-400:hover {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.xl\:hover\:bg-gray-500:hover {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.xl\:hover\:bg-gray-600:hover {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.xl\:hover\:bg-gray-700:hover {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.xl\:hover\:bg-gray-800:hover {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.xl\:hover\:bg-gray-900:hover {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.xl\:hover\:bg-red-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.xl\:hover\:bg-red-200:hover {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.xl\:hover\:bg-red-300:hover {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.xl\:hover\:bg-red-400:hover {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.xl\:hover\:bg-red-500:hover {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.xl\:hover\:bg-red-600:hover {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.xl\:hover\:bg-red-700:hover {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.xl\:hover\:bg-red-800:hover {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.xl\:hover\:bg-red-900:hover {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.xl\:hover\:bg-orange-100:hover {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.xl\:hover\:bg-orange-200:hover {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.xl\:hover\:bg-orange-300:hover {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.xl\:hover\:bg-orange-400:hover {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.xl\:hover\:bg-orange-500:hover {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.xl\:hover\:bg-orange-600:hover {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.xl\:hover\:bg-orange-700:hover {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.xl\:hover\:bg-orange-800:hover {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.xl\:hover\:bg-orange-900:hover {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-100:hover {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-200:hover {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-300:hover {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-400:hover {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-500:hover {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-600:hover {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-700:hover {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-800:hover {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.xl\:hover\:bg-yellow-900:hover {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.xl\:hover\:bg-green-100:hover {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.xl\:hover\:bg-green-200:hover {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.xl\:hover\:bg-green-300:hover {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.xl\:hover\:bg-green-400:hover {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.xl\:hover\:bg-green-500:hover {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.xl\:hover\:bg-green-600:hover {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.xl\:hover\:bg-green-700:hover {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.xl\:hover\:bg-green-800:hover {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.xl\:hover\:bg-green-900:hover {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.xl\:hover\:bg-teal-100:hover {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.xl\:hover\:bg-teal-200:hover {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.xl\:hover\:bg-teal-300:hover {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.xl\:hover\:bg-teal-400:hover {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.xl\:hover\:bg-teal-500:hover {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.xl\:hover\:bg-teal-600:hover {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.xl\:hover\:bg-teal-700:hover {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.xl\:hover\:bg-teal-800:hover {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.xl\:hover\:bg-teal-900:hover {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.xl\:hover\:bg-blue-100:hover {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.xl\:hover\:bg-blue-200:hover {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.xl\:hover\:bg-blue-300:hover {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.xl\:hover\:bg-blue-400:hover {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.xl\:hover\:bg-blue-500:hover {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.xl\:hover\:bg-blue-600:hover {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.xl\:hover\:bg-blue-700:hover {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.xl\:hover\:bg-blue-800:hover {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.xl\:hover\:bg-blue-900:hover {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-100:hover {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-200:hover {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-300:hover {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-400:hover {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-500:hover {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-600:hover {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-700:hover {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-800:hover {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.xl\:hover\:bg-indigo-900:hover {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.xl\:hover\:bg-purple-100:hover {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.xl\:hover\:bg-purple-200:hover {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.xl\:hover\:bg-purple-300:hover {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.xl\:hover\:bg-purple-400:hover {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.xl\:hover\:bg-purple-500:hover {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.xl\:hover\:bg-purple-600:hover {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.xl\:hover\:bg-purple-700:hover {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.xl\:hover\:bg-purple-800:hover {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.xl\:hover\:bg-purple-900:hover {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.xl\:hover\:bg-pink-100:hover {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.xl\:hover\:bg-pink-200:hover {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.xl\:hover\:bg-pink-300:hover {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.xl\:hover\:bg-pink-400:hover {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.xl\:hover\:bg-pink-500:hover {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.xl\:hover\:bg-pink-600:hover {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.xl\:hover\:bg-pink-700:hover {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.xl\:hover\:bg-pink-800:hover {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.xl\:hover\:bg-pink-900:hover {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
}
.xl\:focus\:bg-transparent:focus {
@@ -43004,371 +58227,615 @@ video {
}
.xl\:focus\:bg-black:focus {
+ --bg-opacity: 1;
background-color: #000;
+ background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.xl\:focus\:bg-white:focus {
+ --bg-opacity: 1;
background-color: #fff;
+ background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.xl\:focus\:bg-gray-100:focus {
+ --bg-opacity: 1;
background-color: #f7fafc;
+ background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.xl\:focus\:bg-gray-200:focus {
+ --bg-opacity: 1;
background-color: #edf2f7;
+ background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.xl\:focus\:bg-gray-300:focus {
+ --bg-opacity: 1;
background-color: #e2e8f0;
+ background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.xl\:focus\:bg-gray-400:focus {
+ --bg-opacity: 1;
background-color: #cbd5e0;
+ background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.xl\:focus\:bg-gray-500:focus {
+ --bg-opacity: 1;
background-color: #a0aec0;
+ background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.xl\:focus\:bg-gray-600:focus {
+ --bg-opacity: 1;
background-color: #718096;
+ background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.xl\:focus\:bg-gray-700:focus {
+ --bg-opacity: 1;
background-color: #4a5568;
+ background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.xl\:focus\:bg-gray-800:focus {
+ --bg-opacity: 1;
background-color: #2d3748;
+ background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.xl\:focus\:bg-gray-900:focus {
+ --bg-opacity: 1;
background-color: #1a202c;
+ background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.xl\:focus\:bg-red-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f5;
+ background-color: rgba(255, 245, 245, var(--bg-opacity));
}
.xl\:focus\:bg-red-200:focus {
+ --bg-opacity: 1;
background-color: #fed7d7;
+ background-color: rgba(254, 215, 215, var(--bg-opacity));
}
.xl\:focus\:bg-red-300:focus {
+ --bg-opacity: 1;
background-color: #feb2b2;
+ background-color: rgba(254, 178, 178, var(--bg-opacity));
}
.xl\:focus\:bg-red-400:focus {
+ --bg-opacity: 1;
background-color: #fc8181;
+ background-color: rgba(252, 129, 129, var(--bg-opacity));
}
.xl\:focus\:bg-red-500:focus {
+ --bg-opacity: 1;
background-color: #f56565;
+ background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.xl\:focus\:bg-red-600:focus {
+ --bg-opacity: 1;
background-color: #e53e3e;
+ background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.xl\:focus\:bg-red-700:focus {
+ --bg-opacity: 1;
background-color: #c53030;
+ background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.xl\:focus\:bg-red-800:focus {
+ --bg-opacity: 1;
background-color: #9b2c2c;
+ background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.xl\:focus\:bg-red-900:focus {
+ --bg-opacity: 1;
background-color: #742a2a;
+ background-color: rgba(116, 42, 42, var(--bg-opacity));
}
.xl\:focus\:bg-orange-100:focus {
+ --bg-opacity: 1;
background-color: #fffaf0;
+ background-color: rgba(255, 250, 240, var(--bg-opacity));
}
.xl\:focus\:bg-orange-200:focus {
+ --bg-opacity: 1;
background-color: #feebc8;
+ background-color: rgba(254, 235, 200, var(--bg-opacity));
}
.xl\:focus\:bg-orange-300:focus {
+ --bg-opacity: 1;
background-color: #fbd38d;
+ background-color: rgba(251, 211, 141, var(--bg-opacity));
}
.xl\:focus\:bg-orange-400:focus {
+ --bg-opacity: 1;
background-color: #f6ad55;
+ background-color: rgba(246, 173, 85, var(--bg-opacity));
}
.xl\:focus\:bg-orange-500:focus {
+ --bg-opacity: 1;
background-color: #ed8936;
+ background-color: rgba(237, 137, 54, var(--bg-opacity));
}
.xl\:focus\:bg-orange-600:focus {
+ --bg-opacity: 1;
background-color: #dd6b20;
+ background-color: rgba(221, 107, 32, var(--bg-opacity));
}
.xl\:focus\:bg-orange-700:focus {
+ --bg-opacity: 1;
background-color: #c05621;
+ background-color: rgba(192, 86, 33, var(--bg-opacity));
}
.xl\:focus\:bg-orange-800:focus {
+ --bg-opacity: 1;
background-color: #9c4221;
+ background-color: rgba(156, 66, 33, var(--bg-opacity));
}
.xl\:focus\:bg-orange-900:focus {
+ --bg-opacity: 1;
background-color: #7b341e;
+ background-color: rgba(123, 52, 30, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-100:focus {
+ --bg-opacity: 1;
background-color: #fffff0;
+ background-color: rgba(255, 255, 240, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-200:focus {
+ --bg-opacity: 1;
background-color: #fefcbf;
+ background-color: rgba(254, 252, 191, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-300:focus {
+ --bg-opacity: 1;
background-color: #faf089;
+ background-color: rgba(250, 240, 137, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-400:focus {
+ --bg-opacity: 1;
background-color: #f6e05e;
+ background-color: rgba(246, 224, 94, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-500:focus {
+ --bg-opacity: 1;
background-color: #ecc94b;
+ background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-600:focus {
+ --bg-opacity: 1;
background-color: #d69e2e;
+ background-color: rgba(214, 158, 46, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-700:focus {
+ --bg-opacity: 1;
background-color: #b7791f;
+ background-color: rgba(183, 121, 31, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-800:focus {
+ --bg-opacity: 1;
background-color: #975a16;
+ background-color: rgba(151, 90, 22, var(--bg-opacity));
}
.xl\:focus\:bg-yellow-900:focus {
+ --bg-opacity: 1;
background-color: #744210;
+ background-color: rgba(116, 66, 16, var(--bg-opacity));
}
.xl\:focus\:bg-green-100:focus {
+ --bg-opacity: 1;
background-color: #f0fff4;
+ background-color: rgba(240, 255, 244, var(--bg-opacity));
}
.xl\:focus\:bg-green-200:focus {
+ --bg-opacity: 1;
background-color: #c6f6d5;
+ background-color: rgba(198, 246, 213, var(--bg-opacity));
}
.xl\:focus\:bg-green-300:focus {
+ --bg-opacity: 1;
background-color: #9ae6b4;
+ background-color: rgba(154, 230, 180, var(--bg-opacity));
}
.xl\:focus\:bg-green-400:focus {
+ --bg-opacity: 1;
background-color: #68d391;
+ background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.xl\:focus\:bg-green-500:focus {
+ --bg-opacity: 1;
background-color: #48bb78;
+ background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.xl\:focus\:bg-green-600:focus {
+ --bg-opacity: 1;
background-color: #38a169;
+ background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.xl\:focus\:bg-green-700:focus {
+ --bg-opacity: 1;
background-color: #2f855a;
+ background-color: rgba(47, 133, 90, var(--bg-opacity));
}
.xl\:focus\:bg-green-800:focus {
+ --bg-opacity: 1;
background-color: #276749;
+ background-color: rgba(39, 103, 73, var(--bg-opacity));
}
.xl\:focus\:bg-green-900:focus {
+ --bg-opacity: 1;
background-color: #22543d;
+ background-color: rgba(34, 84, 61, var(--bg-opacity));
}
.xl\:focus\:bg-teal-100:focus {
+ --bg-opacity: 1;
background-color: #e6fffa;
+ background-color: rgba(230, 255, 250, var(--bg-opacity));
}
.xl\:focus\:bg-teal-200:focus {
+ --bg-opacity: 1;
background-color: #b2f5ea;
+ background-color: rgba(178, 245, 234, var(--bg-opacity));
}
.xl\:focus\:bg-teal-300:focus {
+ --bg-opacity: 1;
background-color: #81e6d9;
+ background-color: rgba(129, 230, 217, var(--bg-opacity));
}
.xl\:focus\:bg-teal-400:focus {
+ --bg-opacity: 1;
background-color: #4fd1c5;
+ background-color: rgba(79, 209, 197, var(--bg-opacity));
}
.xl\:focus\:bg-teal-500:focus {
+ --bg-opacity: 1;
background-color: #38b2ac;
+ background-color: rgba(56, 178, 172, var(--bg-opacity));
}
.xl\:focus\:bg-teal-600:focus {
+ --bg-opacity: 1;
background-color: #319795;
+ background-color: rgba(49, 151, 149, var(--bg-opacity));
}
.xl\:focus\:bg-teal-700:focus {
+ --bg-opacity: 1;
background-color: #2c7a7b;
+ background-color: rgba(44, 122, 123, var(--bg-opacity));
}
.xl\:focus\:bg-teal-800:focus {
+ --bg-opacity: 1;
background-color: #285e61;
+ background-color: rgba(40, 94, 97, var(--bg-opacity));
}
.xl\:focus\:bg-teal-900:focus {
+ --bg-opacity: 1;
background-color: #234e52;
+ background-color: rgba(35, 78, 82, var(--bg-opacity));
}
.xl\:focus\:bg-blue-100:focus {
+ --bg-opacity: 1;
background-color: #ebf8ff;
+ background-color: rgba(235, 248, 255, var(--bg-opacity));
}
.xl\:focus\:bg-blue-200:focus {
+ --bg-opacity: 1;
background-color: #bee3f8;
+ background-color: rgba(190, 227, 248, var(--bg-opacity));
}
.xl\:focus\:bg-blue-300:focus {
+ --bg-opacity: 1;
background-color: #90cdf4;
+ background-color: rgba(144, 205, 244, var(--bg-opacity));
}
.xl\:focus\:bg-blue-400:focus {
+ --bg-opacity: 1;
background-color: #63b3ed;
+ background-color: rgba(99, 179, 237, var(--bg-opacity));
}
.xl\:focus\:bg-blue-500:focus {
+ --bg-opacity: 1;
background-color: #4299e1;
+ background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.xl\:focus\:bg-blue-600:focus {
+ --bg-opacity: 1;
background-color: #3182ce;
+ background-color: rgba(49, 130, 206, var(--bg-opacity));
}
.xl\:focus\:bg-blue-700:focus {
+ --bg-opacity: 1;
background-color: #2b6cb0;
+ background-color: rgba(43, 108, 176, var(--bg-opacity));
}
.xl\:focus\:bg-blue-800:focus {
+ --bg-opacity: 1;
background-color: #2c5282;
+ background-color: rgba(44, 82, 130, var(--bg-opacity));
}
.xl\:focus\:bg-blue-900:focus {
+ --bg-opacity: 1;
background-color: #2a4365;
+ background-color: rgba(42, 67, 101, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-100:focus {
+ --bg-opacity: 1;
background-color: #ebf4ff;
+ background-color: rgba(235, 244, 255, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-200:focus {
+ --bg-opacity: 1;
background-color: #c3dafe;
+ background-color: rgba(195, 218, 254, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-300:focus {
+ --bg-opacity: 1;
background-color: #a3bffa;
+ background-color: rgba(163, 191, 250, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-400:focus {
+ --bg-opacity: 1;
background-color: #7f9cf5;
+ background-color: rgba(127, 156, 245, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-500:focus {
+ --bg-opacity: 1;
background-color: #667eea;
+ background-color: rgba(102, 126, 234, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-600:focus {
+ --bg-opacity: 1;
background-color: #5a67d8;
+ background-color: rgba(90, 103, 216, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-700:focus {
+ --bg-opacity: 1;
background-color: #4c51bf;
+ background-color: rgba(76, 81, 191, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-800:focus {
+ --bg-opacity: 1;
background-color: #434190;
+ background-color: rgba(67, 65, 144, var(--bg-opacity));
}
.xl\:focus\:bg-indigo-900:focus {
+ --bg-opacity: 1;
background-color: #3c366b;
+ background-color: rgba(60, 54, 107, var(--bg-opacity));
}
.xl\:focus\:bg-purple-100:focus {
+ --bg-opacity: 1;
background-color: #faf5ff;
+ background-color: rgba(250, 245, 255, var(--bg-opacity));
}
.xl\:focus\:bg-purple-200:focus {
+ --bg-opacity: 1;
background-color: #e9d8fd;
+ background-color: rgba(233, 216, 253, var(--bg-opacity));
}
.xl\:focus\:bg-purple-300:focus {
+ --bg-opacity: 1;
background-color: #d6bcfa;
+ background-color: rgba(214, 188, 250, var(--bg-opacity));
}
.xl\:focus\:bg-purple-400:focus {
+ --bg-opacity: 1;
background-color: #b794f4;
+ background-color: rgba(183, 148, 244, var(--bg-opacity));
}
.xl\:focus\:bg-purple-500:focus {
+ --bg-opacity: 1;
background-color: #9f7aea;
+ background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.xl\:focus\:bg-purple-600:focus {
+ --bg-opacity: 1;
background-color: #805ad5;
+ background-color: rgba(128, 90, 213, var(--bg-opacity));
}
.xl\:focus\:bg-purple-700:focus {
+ --bg-opacity: 1;
background-color: #6b46c1;
+ background-color: rgba(107, 70, 193, var(--bg-opacity));
}
.xl\:focus\:bg-purple-800:focus {
+ --bg-opacity: 1;
background-color: #553c9a;
+ background-color: rgba(85, 60, 154, var(--bg-opacity));
}
.xl\:focus\:bg-purple-900:focus {
+ --bg-opacity: 1;
background-color: #44337a;
+ background-color: rgba(68, 51, 122, var(--bg-opacity));
}
.xl\:focus\:bg-pink-100:focus {
+ --bg-opacity: 1;
background-color: #fff5f7;
+ background-color: rgba(255, 245, 247, var(--bg-opacity));
}
.xl\:focus\:bg-pink-200:focus {
+ --bg-opacity: 1;
background-color: #fed7e2;
+ background-color: rgba(254, 215, 226, var(--bg-opacity));
}
.xl\:focus\:bg-pink-300:focus {
+ --bg-opacity: 1;
background-color: #fbb6ce;
+ background-color: rgba(251, 182, 206, var(--bg-opacity));
}
.xl\:focus\:bg-pink-400:focus {
+ --bg-opacity: 1;
background-color: #f687b3;
+ background-color: rgba(246, 135, 179, var(--bg-opacity));
}
.xl\:focus\:bg-pink-500:focus {
+ --bg-opacity: 1;
background-color: #ed64a6;
+ background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.xl\:focus\:bg-pink-600:focus {
+ --bg-opacity: 1;
background-color: #d53f8c;
+ background-color: rgba(213, 63, 140, var(--bg-opacity));
}
.xl\:focus\:bg-pink-700:focus {
+ --bg-opacity: 1;
background-color: #b83280;
+ background-color: rgba(184, 50, 128, var(--bg-opacity));
}
.xl\:focus\:bg-pink-800:focus {
+ --bg-opacity: 1;
background-color: #97266d;
+ background-color: rgba(151, 38, 109, var(--bg-opacity));
}
.xl\:focus\:bg-pink-900:focus {
+ --bg-opacity: 1;
background-color: #702459;
+ background-color: rgba(112, 36, 89, var(--bg-opacity));
+ }
+
+ .xl\:bg-opacity-0 {
+ --bg-opacity: 0;
+ }
+
+ .xl\:bg-opacity-25 {
+ --bg-opacity: 0.25;
+ }
+
+ .xl\:bg-opacity-50 {
+ --bg-opacity: 0.5;
+ }
+
+ .xl\:bg-opacity-75 {
+ --bg-opacity: 0.75;
+ }
+
+ .xl\:bg-opacity-100 {
+ --bg-opacity: 1;
+ }
+
+ .xl\:hover\:bg-opacity-0:hover {
+ --bg-opacity: 0;
+ }
+
+ .xl\:hover\:bg-opacity-25:hover {
+ --bg-opacity: 0.25;
+ }
+
+ .xl\:hover\:bg-opacity-50:hover {
+ --bg-opacity: 0.5;
+ }
+
+ .xl\:hover\:bg-opacity-75:hover {
+ --bg-opacity: 0.75;
+ }
+
+ .xl\:hover\:bg-opacity-100:hover {
+ --bg-opacity: 1;
+ }
+
+ .xl\:focus\:bg-opacity-0:focus {
+ --bg-opacity: 0;
+ }
+
+ .xl\:focus\:bg-opacity-25:focus {
+ --bg-opacity: 0.25;
+ }
+
+ .xl\:focus\:bg-opacity-50:focus {
+ --bg-opacity: 0.5;
+ }
+
+ .xl\:focus\:bg-opacity-75:focus {
+ --bg-opacity: 0.75;
+ }
+
+ .xl\:focus\:bg-opacity-100:focus {
+ --bg-opacity: 1;
}
.xl\:bg-bottom {
@@ -43460,371 +58927,555 @@ video {
}
.xl\:border-black {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.xl\:border-white {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.xl\:border-gray-100 {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.xl\:border-gray-200 {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.xl\:border-gray-300 {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.xl\:border-gray-400 {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.xl\:border-gray-500 {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.xl\:border-gray-600 {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.xl\:border-gray-700 {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.xl\:border-gray-800 {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.xl\:border-gray-900 {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.xl\:border-red-100 {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.xl\:border-red-200 {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.xl\:border-red-300 {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.xl\:border-red-400 {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.xl\:border-red-500 {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.xl\:border-red-600 {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.xl\:border-red-700 {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.xl\:border-red-800 {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.xl\:border-red-900 {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.xl\:border-orange-100 {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.xl\:border-orange-200 {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.xl\:border-orange-300 {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.xl\:border-orange-400 {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.xl\:border-orange-500 {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.xl\:border-orange-600 {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.xl\:border-orange-700 {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.xl\:border-orange-800 {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.xl\:border-orange-900 {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.xl\:border-yellow-100 {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.xl\:border-yellow-200 {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.xl\:border-yellow-300 {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.xl\:border-yellow-400 {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.xl\:border-yellow-500 {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.xl\:border-yellow-600 {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.xl\:border-yellow-700 {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.xl\:border-yellow-800 {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.xl\:border-yellow-900 {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.xl\:border-green-100 {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.xl\:border-green-200 {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.xl\:border-green-300 {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.xl\:border-green-400 {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.xl\:border-green-500 {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.xl\:border-green-600 {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.xl\:border-green-700 {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.xl\:border-green-800 {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.xl\:border-green-900 {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.xl\:border-teal-100 {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.xl\:border-teal-200 {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.xl\:border-teal-300 {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.xl\:border-teal-400 {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.xl\:border-teal-500 {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.xl\:border-teal-600 {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.xl\:border-teal-700 {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.xl\:border-teal-800 {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.xl\:border-teal-900 {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.xl\:border-blue-100 {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.xl\:border-blue-200 {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.xl\:border-blue-300 {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.xl\:border-blue-400 {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.xl\:border-blue-500 {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.xl\:border-blue-600 {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.xl\:border-blue-700 {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.xl\:border-blue-800 {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.xl\:border-blue-900 {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.xl\:border-indigo-100 {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.xl\:border-indigo-200 {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.xl\:border-indigo-300 {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.xl\:border-indigo-400 {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.xl\:border-indigo-500 {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.xl\:border-indigo-600 {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.xl\:border-indigo-700 {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.xl\:border-indigo-800 {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.xl\:border-indigo-900 {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.xl\:border-purple-100 {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.xl\:border-purple-200 {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.xl\:border-purple-300 {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.xl\:border-purple-400 {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.xl\:border-purple-500 {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.xl\:border-purple-600 {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.xl\:border-purple-700 {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.xl\:border-purple-800 {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.xl\:border-purple-900 {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.xl\:border-pink-100 {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.xl\:border-pink-200 {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.xl\:border-pink-300 {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.xl\:border-pink-400 {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.xl\:border-pink-500 {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.xl\:border-pink-600 {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.xl\:border-pink-700 {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.xl\:border-pink-800 {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.xl\:border-pink-900 {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.xl\:hover\:border-transparent:hover {
@@ -43836,371 +59487,555 @@ video {
}
.xl\:hover\:border-black:hover {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.xl\:hover\:border-white:hover {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.xl\:hover\:border-gray-100:hover {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.xl\:hover\:border-gray-200:hover {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.xl\:hover\:border-gray-300:hover {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.xl\:hover\:border-gray-400:hover {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.xl\:hover\:border-gray-500:hover {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.xl\:hover\:border-gray-600:hover {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.xl\:hover\:border-gray-700:hover {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.xl\:hover\:border-gray-800:hover {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.xl\:hover\:border-gray-900:hover {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.xl\:hover\:border-red-100:hover {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.xl\:hover\:border-red-200:hover {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.xl\:hover\:border-red-300:hover {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.xl\:hover\:border-red-400:hover {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.xl\:hover\:border-red-500:hover {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.xl\:hover\:border-red-600:hover {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.xl\:hover\:border-red-700:hover {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.xl\:hover\:border-red-800:hover {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.xl\:hover\:border-red-900:hover {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.xl\:hover\:border-orange-100:hover {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.xl\:hover\:border-orange-200:hover {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.xl\:hover\:border-orange-300:hover {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.xl\:hover\:border-orange-400:hover {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.xl\:hover\:border-orange-500:hover {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.xl\:hover\:border-orange-600:hover {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.xl\:hover\:border-orange-700:hover {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.xl\:hover\:border-orange-800:hover {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.xl\:hover\:border-orange-900:hover {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.xl\:hover\:border-yellow-100:hover {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.xl\:hover\:border-yellow-200:hover {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.xl\:hover\:border-yellow-300:hover {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.xl\:hover\:border-yellow-400:hover {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.xl\:hover\:border-yellow-500:hover {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.xl\:hover\:border-yellow-600:hover {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.xl\:hover\:border-yellow-700:hover {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.xl\:hover\:border-yellow-800:hover {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.xl\:hover\:border-yellow-900:hover {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.xl\:hover\:border-green-100:hover {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.xl\:hover\:border-green-200:hover {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.xl\:hover\:border-green-300:hover {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.xl\:hover\:border-green-400:hover {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.xl\:hover\:border-green-500:hover {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.xl\:hover\:border-green-600:hover {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.xl\:hover\:border-green-700:hover {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.xl\:hover\:border-green-800:hover {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.xl\:hover\:border-green-900:hover {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.xl\:hover\:border-teal-100:hover {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.xl\:hover\:border-teal-200:hover {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.xl\:hover\:border-teal-300:hover {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.xl\:hover\:border-teal-400:hover {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.xl\:hover\:border-teal-500:hover {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.xl\:hover\:border-teal-600:hover {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.xl\:hover\:border-teal-700:hover {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.xl\:hover\:border-teal-800:hover {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.xl\:hover\:border-teal-900:hover {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.xl\:hover\:border-blue-100:hover {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.xl\:hover\:border-blue-200:hover {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.xl\:hover\:border-blue-300:hover {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.xl\:hover\:border-blue-400:hover {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.xl\:hover\:border-blue-500:hover {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.xl\:hover\:border-blue-600:hover {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.xl\:hover\:border-blue-700:hover {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.xl\:hover\:border-blue-800:hover {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.xl\:hover\:border-blue-900:hover {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.xl\:hover\:border-indigo-100:hover {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.xl\:hover\:border-indigo-200:hover {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.xl\:hover\:border-indigo-300:hover {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.xl\:hover\:border-indigo-400:hover {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.xl\:hover\:border-indigo-500:hover {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.xl\:hover\:border-indigo-600:hover {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.xl\:hover\:border-indigo-700:hover {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.xl\:hover\:border-indigo-800:hover {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.xl\:hover\:border-indigo-900:hover {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.xl\:hover\:border-purple-100:hover {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.xl\:hover\:border-purple-200:hover {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.xl\:hover\:border-purple-300:hover {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.xl\:hover\:border-purple-400:hover {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.xl\:hover\:border-purple-500:hover {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.xl\:hover\:border-purple-600:hover {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.xl\:hover\:border-purple-700:hover {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.xl\:hover\:border-purple-800:hover {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.xl\:hover\:border-purple-900:hover {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.xl\:hover\:border-pink-100:hover {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.xl\:hover\:border-pink-200:hover {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.xl\:hover\:border-pink-300:hover {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.xl\:hover\:border-pink-400:hover {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.xl\:hover\:border-pink-500:hover {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.xl\:hover\:border-pink-600:hover {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.xl\:hover\:border-pink-700:hover {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.xl\:hover\:border-pink-800:hover {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.xl\:hover\:border-pink-900:hover {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
}
.xl\:focus\:border-transparent:focus {
@@ -44212,371 +60047,615 @@ video {
}
.xl\:focus\:border-black:focus {
+ --border-opacity: 1;
border-color: #000;
+ border-color: rgba(0, 0, 0, var(--border-opacity));
}
.xl\:focus\:border-white:focus {
+ --border-opacity: 1;
border-color: #fff;
+ border-color: rgba(255, 255, 255, var(--border-opacity));
}
.xl\:focus\:border-gray-100:focus {
+ --border-opacity: 1;
border-color: #f7fafc;
+ border-color: rgba(247, 250, 252, var(--border-opacity));
}
.xl\:focus\:border-gray-200:focus {
+ --border-opacity: 1;
border-color: #edf2f7;
+ border-color: rgba(237, 242, 247, var(--border-opacity));
}
.xl\:focus\:border-gray-300:focus {
+ --border-opacity: 1;
border-color: #e2e8f0;
+ border-color: rgba(226, 232, 240, var(--border-opacity));
}
.xl\:focus\:border-gray-400:focus {
+ --border-opacity: 1;
border-color: #cbd5e0;
+ border-color: rgba(203, 213, 224, var(--border-opacity));
}
.xl\:focus\:border-gray-500:focus {
+ --border-opacity: 1;
border-color: #a0aec0;
+ border-color: rgba(160, 174, 192, var(--border-opacity));
}
.xl\:focus\:border-gray-600:focus {
+ --border-opacity: 1;
border-color: #718096;
+ border-color: rgba(113, 128, 150, var(--border-opacity));
}
.xl\:focus\:border-gray-700:focus {
+ --border-opacity: 1;
border-color: #4a5568;
+ border-color: rgba(74, 85, 104, var(--border-opacity));
}
.xl\:focus\:border-gray-800:focus {
+ --border-opacity: 1;
border-color: #2d3748;
+ border-color: rgba(45, 55, 72, var(--border-opacity));
}
.xl\:focus\:border-gray-900:focus {
+ --border-opacity: 1;
border-color: #1a202c;
+ border-color: rgba(26, 32, 44, var(--border-opacity));
}
.xl\:focus\:border-red-100:focus {
+ --border-opacity: 1;
border-color: #fff5f5;
+ border-color: rgba(255, 245, 245, var(--border-opacity));
}
.xl\:focus\:border-red-200:focus {
+ --border-opacity: 1;
border-color: #fed7d7;
+ border-color: rgba(254, 215, 215, var(--border-opacity));
}
.xl\:focus\:border-red-300:focus {
+ --border-opacity: 1;
border-color: #feb2b2;
+ border-color: rgba(254, 178, 178, var(--border-opacity));
}
.xl\:focus\:border-red-400:focus {
+ --border-opacity: 1;
border-color: #fc8181;
+ border-color: rgba(252, 129, 129, var(--border-opacity));
}
.xl\:focus\:border-red-500:focus {
+ --border-opacity: 1;
border-color: #f56565;
+ border-color: rgba(245, 101, 101, var(--border-opacity));
}
.xl\:focus\:border-red-600:focus {
+ --border-opacity: 1;
border-color: #e53e3e;
+ border-color: rgba(229, 62, 62, var(--border-opacity));
}
.xl\:focus\:border-red-700:focus {
+ --border-opacity: 1;
border-color: #c53030;
+ border-color: rgba(197, 48, 48, var(--border-opacity));
}
.xl\:focus\:border-red-800:focus {
+ --border-opacity: 1;
border-color: #9b2c2c;
+ border-color: rgba(155, 44, 44, var(--border-opacity));
}
.xl\:focus\:border-red-900:focus {
+ --border-opacity: 1;
border-color: #742a2a;
+ border-color: rgba(116, 42, 42, var(--border-opacity));
}
.xl\:focus\:border-orange-100:focus {
+ --border-opacity: 1;
border-color: #fffaf0;
+ border-color: rgba(255, 250, 240, var(--border-opacity));
}
.xl\:focus\:border-orange-200:focus {
+ --border-opacity: 1;
border-color: #feebc8;
+ border-color: rgba(254, 235, 200, var(--border-opacity));
}
.xl\:focus\:border-orange-300:focus {
+ --border-opacity: 1;
border-color: #fbd38d;
+ border-color: rgba(251, 211, 141, var(--border-opacity));
}
.xl\:focus\:border-orange-400:focus {
+ --border-opacity: 1;
border-color: #f6ad55;
+ border-color: rgba(246, 173, 85, var(--border-opacity));
}
.xl\:focus\:border-orange-500:focus {
+ --border-opacity: 1;
border-color: #ed8936;
+ border-color: rgba(237, 137, 54, var(--border-opacity));
}
.xl\:focus\:border-orange-600:focus {
+ --border-opacity: 1;
border-color: #dd6b20;
+ border-color: rgba(221, 107, 32, var(--border-opacity));
}
.xl\:focus\:border-orange-700:focus {
+ --border-opacity: 1;
border-color: #c05621;
+ border-color: rgba(192, 86, 33, var(--border-opacity));
}
.xl\:focus\:border-orange-800:focus {
+ --border-opacity: 1;
border-color: #9c4221;
+ border-color: rgba(156, 66, 33, var(--border-opacity));
}
.xl\:focus\:border-orange-900:focus {
+ --border-opacity: 1;
border-color: #7b341e;
+ border-color: rgba(123, 52, 30, var(--border-opacity));
}
.xl\:focus\:border-yellow-100:focus {
+ --border-opacity: 1;
border-color: #fffff0;
+ border-color: rgba(255, 255, 240, var(--border-opacity));
}
.xl\:focus\:border-yellow-200:focus {
+ --border-opacity: 1;
border-color: #fefcbf;
+ border-color: rgba(254, 252, 191, var(--border-opacity));
}
.xl\:focus\:border-yellow-300:focus {
+ --border-opacity: 1;
border-color: #faf089;
+ border-color: rgba(250, 240, 137, var(--border-opacity));
}
.xl\:focus\:border-yellow-400:focus {
+ --border-opacity: 1;
border-color: #f6e05e;
+ border-color: rgba(246, 224, 94, var(--border-opacity));
}
.xl\:focus\:border-yellow-500:focus {
+ --border-opacity: 1;
border-color: #ecc94b;
+ border-color: rgba(236, 201, 75, var(--border-opacity));
}
.xl\:focus\:border-yellow-600:focus {
+ --border-opacity: 1;
border-color: #d69e2e;
+ border-color: rgba(214, 158, 46, var(--border-opacity));
}
.xl\:focus\:border-yellow-700:focus {
+ --border-opacity: 1;
border-color: #b7791f;
+ border-color: rgba(183, 121, 31, var(--border-opacity));
}
.xl\:focus\:border-yellow-800:focus {
+ --border-opacity: 1;
border-color: #975a16;
+ border-color: rgba(151, 90, 22, var(--border-opacity));
}
.xl\:focus\:border-yellow-900:focus {
+ --border-opacity: 1;
border-color: #744210;
+ border-color: rgba(116, 66, 16, var(--border-opacity));
}
.xl\:focus\:border-green-100:focus {
+ --border-opacity: 1;
border-color: #f0fff4;
+ border-color: rgba(240, 255, 244, var(--border-opacity));
}
.xl\:focus\:border-green-200:focus {
+ --border-opacity: 1;
border-color: #c6f6d5;
+ border-color: rgba(198, 246, 213, var(--border-opacity));
}
.xl\:focus\:border-green-300:focus {
+ --border-opacity: 1;
border-color: #9ae6b4;
+ border-color: rgba(154, 230, 180, var(--border-opacity));
}
.xl\:focus\:border-green-400:focus {
+ --border-opacity: 1;
border-color: #68d391;
+ border-color: rgba(104, 211, 145, var(--border-opacity));
}
.xl\:focus\:border-green-500:focus {
+ --border-opacity: 1;
border-color: #48bb78;
+ border-color: rgba(72, 187, 120, var(--border-opacity));
}
.xl\:focus\:border-green-600:focus {
+ --border-opacity: 1;
border-color: #38a169;
+ border-color: rgba(56, 161, 105, var(--border-opacity));
}
.xl\:focus\:border-green-700:focus {
+ --border-opacity: 1;
border-color: #2f855a;
+ border-color: rgba(47, 133, 90, var(--border-opacity));
}
.xl\:focus\:border-green-800:focus {
+ --border-opacity: 1;
border-color: #276749;
+ border-color: rgba(39, 103, 73, var(--border-opacity));
}
.xl\:focus\:border-green-900:focus {
+ --border-opacity: 1;
border-color: #22543d;
+ border-color: rgba(34, 84, 61, var(--border-opacity));
}
.xl\:focus\:border-teal-100:focus {
+ --border-opacity: 1;
border-color: #e6fffa;
+ border-color: rgba(230, 255, 250, var(--border-opacity));
}
.xl\:focus\:border-teal-200:focus {
+ --border-opacity: 1;
border-color: #b2f5ea;
+ border-color: rgba(178, 245, 234, var(--border-opacity));
}
.xl\:focus\:border-teal-300:focus {
+ --border-opacity: 1;
border-color: #81e6d9;
+ border-color: rgba(129, 230, 217, var(--border-opacity));
}
.xl\:focus\:border-teal-400:focus {
+ --border-opacity: 1;
border-color: #4fd1c5;
+ border-color: rgba(79, 209, 197, var(--border-opacity));
}
.xl\:focus\:border-teal-500:focus {
+ --border-opacity: 1;
border-color: #38b2ac;
+ border-color: rgba(56, 178, 172, var(--border-opacity));
}
.xl\:focus\:border-teal-600:focus {
+ --border-opacity: 1;
border-color: #319795;
+ border-color: rgba(49, 151, 149, var(--border-opacity));
}
.xl\:focus\:border-teal-700:focus {
+ --border-opacity: 1;
border-color: #2c7a7b;
+ border-color: rgba(44, 122, 123, var(--border-opacity));
}
.xl\:focus\:border-teal-800:focus {
+ --border-opacity: 1;
border-color: #285e61;
+ border-color: rgba(40, 94, 97, var(--border-opacity));
}
.xl\:focus\:border-teal-900:focus {
+ --border-opacity: 1;
border-color: #234e52;
+ border-color: rgba(35, 78, 82, var(--border-opacity));
}
.xl\:focus\:border-blue-100:focus {
+ --border-opacity: 1;
border-color: #ebf8ff;
+ border-color: rgba(235, 248, 255, var(--border-opacity));
}
.xl\:focus\:border-blue-200:focus {
+ --border-opacity: 1;
border-color: #bee3f8;
+ border-color: rgba(190, 227, 248, var(--border-opacity));
}
.xl\:focus\:border-blue-300:focus {
+ --border-opacity: 1;
border-color: #90cdf4;
+ border-color: rgba(144, 205, 244, var(--border-opacity));
}
.xl\:focus\:border-blue-400:focus {
+ --border-opacity: 1;
border-color: #63b3ed;
+ border-color: rgba(99, 179, 237, var(--border-opacity));
}
.xl\:focus\:border-blue-500:focus {
+ --border-opacity: 1;
border-color: #4299e1;
+ border-color: rgba(66, 153, 225, var(--border-opacity));
}
.xl\:focus\:border-blue-600:focus {
+ --border-opacity: 1;
border-color: #3182ce;
+ border-color: rgba(49, 130, 206, var(--border-opacity));
}
.xl\:focus\:border-blue-700:focus {
+ --border-opacity: 1;
border-color: #2b6cb0;
+ border-color: rgba(43, 108, 176, var(--border-opacity));
}
.xl\:focus\:border-blue-800:focus {
+ --border-opacity: 1;
border-color: #2c5282;
+ border-color: rgba(44, 82, 130, var(--border-opacity));
}
.xl\:focus\:border-blue-900:focus {
+ --border-opacity: 1;
border-color: #2a4365;
+ border-color: rgba(42, 67, 101, var(--border-opacity));
}
.xl\:focus\:border-indigo-100:focus {
+ --border-opacity: 1;
border-color: #ebf4ff;
+ border-color: rgba(235, 244, 255, var(--border-opacity));
}
.xl\:focus\:border-indigo-200:focus {
+ --border-opacity: 1;
border-color: #c3dafe;
+ border-color: rgba(195, 218, 254, var(--border-opacity));
}
.xl\:focus\:border-indigo-300:focus {
+ --border-opacity: 1;
border-color: #a3bffa;
+ border-color: rgba(163, 191, 250, var(--border-opacity));
}
.xl\:focus\:border-indigo-400:focus {
+ --border-opacity: 1;
border-color: #7f9cf5;
+ border-color: rgba(127, 156, 245, var(--border-opacity));
}
.xl\:focus\:border-indigo-500:focus {
+ --border-opacity: 1;
border-color: #667eea;
+ border-color: rgba(102, 126, 234, var(--border-opacity));
}
.xl\:focus\:border-indigo-600:focus {
+ --border-opacity: 1;
border-color: #5a67d8;
+ border-color: rgba(90, 103, 216, var(--border-opacity));
}
.xl\:focus\:border-indigo-700:focus {
+ --border-opacity: 1;
border-color: #4c51bf;
+ border-color: rgba(76, 81, 191, var(--border-opacity));
}
.xl\:focus\:border-indigo-800:focus {
+ --border-opacity: 1;
border-color: #434190;
+ border-color: rgba(67, 65, 144, var(--border-opacity));
}
.xl\:focus\:border-indigo-900:focus {
+ --border-opacity: 1;
border-color: #3c366b;
+ border-color: rgba(60, 54, 107, var(--border-opacity));
}
.xl\:focus\:border-purple-100:focus {
+ --border-opacity: 1;
border-color: #faf5ff;
+ border-color: rgba(250, 245, 255, var(--border-opacity));
}
.xl\:focus\:border-purple-200:focus {
+ --border-opacity: 1;
border-color: #e9d8fd;
+ border-color: rgba(233, 216, 253, var(--border-opacity));
}
.xl\:focus\:border-purple-300:focus {
+ --border-opacity: 1;
border-color: #d6bcfa;
+ border-color: rgba(214, 188, 250, var(--border-opacity));
}
.xl\:focus\:border-purple-400:focus {
+ --border-opacity: 1;
border-color: #b794f4;
+ border-color: rgba(183, 148, 244, var(--border-opacity));
}
.xl\:focus\:border-purple-500:focus {
+ --border-opacity: 1;
border-color: #9f7aea;
+ border-color: rgba(159, 122, 234, var(--border-opacity));
}
.xl\:focus\:border-purple-600:focus {
+ --border-opacity: 1;
border-color: #805ad5;
+ border-color: rgba(128, 90, 213, var(--border-opacity));
}
.xl\:focus\:border-purple-700:focus {
+ --border-opacity: 1;
border-color: #6b46c1;
+ border-color: rgba(107, 70, 193, var(--border-opacity));
}
.xl\:focus\:border-purple-800:focus {
+ --border-opacity: 1;
border-color: #553c9a;
+ border-color: rgba(85, 60, 154, var(--border-opacity));
}
.xl\:focus\:border-purple-900:focus {
+ --border-opacity: 1;
border-color: #44337a;
+ border-color: rgba(68, 51, 122, var(--border-opacity));
}
.xl\:focus\:border-pink-100:focus {
+ --border-opacity: 1;
border-color: #fff5f7;
+ border-color: rgba(255, 245, 247, var(--border-opacity));
}
.xl\:focus\:border-pink-200:focus {
+ --border-opacity: 1;
border-color: #fed7e2;
+ border-color: rgba(254, 215, 226, var(--border-opacity));
}
.xl\:focus\:border-pink-300:focus {
+ --border-opacity: 1;
border-color: #fbb6ce;
+ border-color: rgba(251, 182, 206, var(--border-opacity));
}
.xl\:focus\:border-pink-400:focus {
+ --border-opacity: 1;
border-color: #f687b3;
+ border-color: rgba(246, 135, 179, var(--border-opacity));
}
.xl\:focus\:border-pink-500:focus {
+ --border-opacity: 1;
border-color: #ed64a6;
+ border-color: rgba(237, 100, 166, var(--border-opacity));
}
.xl\:focus\:border-pink-600:focus {
+ --border-opacity: 1;
border-color: #d53f8c;
+ border-color: rgba(213, 63, 140, var(--border-opacity));
}
.xl\:focus\:border-pink-700:focus {
+ --border-opacity: 1;
border-color: #b83280;
+ border-color: rgba(184, 50, 128, var(--border-opacity));
}
.xl\:focus\:border-pink-800:focus {
+ --border-opacity: 1;
border-color: #97266d;
+ border-color: rgba(151, 38, 109, var(--border-opacity));
}
.xl\:focus\:border-pink-900:focus {
+ --border-opacity: 1;
border-color: #702459;
+ border-color: rgba(112, 36, 89, var(--border-opacity));
+ }
+
+ .xl\:border-opacity-0 {
+ --border-opacity: 0;
+ }
+
+ .xl\:border-opacity-25 {
+ --border-opacity: 0.25;
+ }
+
+ .xl\:border-opacity-50 {
+ --border-opacity: 0.5;
+ }
+
+ .xl\:border-opacity-75 {
+ --border-opacity: 0.75;
+ }
+
+ .xl\:border-opacity-100 {
+ --border-opacity: 1;
+ }
+
+ .xl\:hover\:border-opacity-0:hover {
+ --border-opacity: 0;
+ }
+
+ .xl\:hover\:border-opacity-25:hover {
+ --border-opacity: 0.25;
+ }
+
+ .xl\:hover\:border-opacity-50:hover {
+ --border-opacity: 0.5;
+ }
+
+ .xl\:hover\:border-opacity-75:hover {
+ --border-opacity: 0.75;
+ }
+
+ .xl\:hover\:border-opacity-100:hover {
+ --border-opacity: 1;
+ }
+
+ .xl\:focus\:border-opacity-0:focus {
+ --border-opacity: 0;
+ }
+
+ .xl\:focus\:border-opacity-25:focus {
+ --border-opacity: 0.25;
+ }
+
+ .xl\:focus\:border-opacity-50:focus {
+ --border-opacity: 0.5;
+ }
+
+ .xl\:focus\:border-opacity-75:focus {
+ --border-opacity: 0.75;
+ }
+
+ .xl\:focus\:border-opacity-100:focus {
+ --border-opacity: 1;
}
.xl\:rounded-none {
@@ -44987,10 +61066,6 @@ video {
display: inline;
}
- .xl\:flow-root {
- display: flow-root;
- }
-
.xl\:flex {
display: flex;
}
@@ -44999,14 +61074,6 @@ video {
display: inline-flex;
}
- .xl\:grid {
- display: grid;
- }
-
- .xl\:inline-grid {
- display: inline-grid;
- }
-
.xl\:table {
display: table;
}
@@ -45043,6 +61110,18 @@ video {
display: table-row;
}
+ .xl\:flow-root {
+ display: flow-root;
+ }
+
+ .xl\:grid {
+ display: grid;
+ }
+
+ .xl\:inline-grid {
+ display: inline-grid;
+ }
+
.xl\:hidden {
display: none;
}
@@ -45493,6 +61572,46 @@ video {
height: 100vh;
}
+ .xl\:text-xs {
+ font-size: 0.75rem;
+ }
+
+ .xl\:text-sm {
+ font-size: 0.875rem;
+ }
+
+ .xl\:text-base {
+ font-size: 1rem;
+ }
+
+ .xl\:text-lg {
+ font-size: 1.125rem;
+ }
+
+ .xl\:text-xl {
+ font-size: 1.25rem;
+ }
+
+ .xl\:text-2xl {
+ font-size: 1.5rem;
+ }
+
+ .xl\:text-3xl {
+ font-size: 1.875rem;
+ }
+
+ .xl\:text-4xl {
+ font-size: 2.25rem;
+ }
+
+ .xl\:text-5xl {
+ font-size: 3rem;
+ }
+
+ .xl\:text-6xl {
+ font-size: 4rem;
+ }
+
.xl\:leading-3 {
line-height: .75rem;
}
@@ -46981,6 +63100,42 @@ video {
-webkit-overflow-scrolling: auto;
}
+ .xl\:overscroll-auto {
+ overscroll-behavior: auto;
+ }
+
+ .xl\:overscroll-contain {
+ overscroll-behavior: contain;
+ }
+
+ .xl\:overscroll-none {
+ overscroll-behavior: none;
+ }
+
+ .xl\:overscroll-y-auto {
+ overscroll-behavior-y: auto;
+ }
+
+ .xl\:overscroll-y-contain {
+ overscroll-behavior-y: contain;
+ }
+
+ .xl\:overscroll-y-none {
+ overscroll-behavior-y: none;
+ }
+
+ .xl\:overscroll-x-auto {
+ overscroll-behavior-x: auto;
+ }
+
+ .xl\:overscroll-x-contain {
+ overscroll-behavior-x: contain;
+ }
+
+ .xl\:overscroll-x-none {
+ overscroll-behavior-x: none;
+ }
+
.xl\:p-0 {
padding: 0;
}
@@ -47560,371 +63715,555 @@ video {
}
.xl\:placeholder-black::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.xl\:placeholder-white::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.xl\:placeholder-gray-100::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.xl\:placeholder-gray-200::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.xl\:placeholder-gray-300::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.xl\:placeholder-gray-400::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.xl\:placeholder-gray-500::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.xl\:placeholder-gray-600::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.xl\:placeholder-gray-700::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.xl\:placeholder-gray-800::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.xl\:placeholder-gray-900::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.xl\:placeholder-red-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.xl\:placeholder-red-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.xl\:placeholder-red-300::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.xl\:placeholder-red-400::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.xl\:placeholder-red-500::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.xl\:placeholder-red-600::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.xl\:placeholder-red-700::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.xl\:placeholder-red-800::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.xl\:placeholder-red-900::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.xl\:placeholder-orange-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.xl\:placeholder-orange-200::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.xl\:placeholder-orange-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.xl\:placeholder-orange-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.xl\:placeholder-orange-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.xl\:placeholder-orange-600::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.xl\:placeholder-orange-700::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.xl\:placeholder-orange-800::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.xl\:placeholder-orange-900::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-100::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-200::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-300::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-400::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-500::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-600::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-700::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-800::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.xl\:placeholder-yellow-900::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.xl\:placeholder-green-100::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.xl\:placeholder-green-200::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.xl\:placeholder-green-300::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.xl\:placeholder-green-400::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.xl\:placeholder-green-500::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.xl\:placeholder-green-600::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.xl\:placeholder-green-700::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.xl\:placeholder-green-800::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.xl\:placeholder-green-900::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.xl\:placeholder-teal-100::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.xl\:placeholder-teal-200::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.xl\:placeholder-teal-300::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.xl\:placeholder-teal-400::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.xl\:placeholder-teal-500::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.xl\:placeholder-teal-600::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.xl\:placeholder-teal-700::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.xl\:placeholder-teal-800::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.xl\:placeholder-teal-900::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.xl\:placeholder-blue-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.xl\:placeholder-blue-200::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.xl\:placeholder-blue-300::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.xl\:placeholder-blue-400::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.xl\:placeholder-blue-500::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.xl\:placeholder-blue-600::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.xl\:placeholder-blue-700::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.xl\:placeholder-blue-800::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.xl\:placeholder-blue-900::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-100::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-200::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-300::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-400::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-500::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-600::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-700::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-800::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.xl\:placeholder-indigo-900::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.xl\:placeholder-purple-100::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.xl\:placeholder-purple-200::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.xl\:placeholder-purple-300::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.xl\:placeholder-purple-400::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.xl\:placeholder-purple-500::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.xl\:placeholder-purple-600::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.xl\:placeholder-purple-700::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.xl\:placeholder-purple-800::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.xl\:placeholder-purple-900::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.xl\:placeholder-pink-100::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.xl\:placeholder-pink-200::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.xl\:placeholder-pink-300::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.xl\:placeholder-pink-400::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.xl\:placeholder-pink-500::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.xl\:placeholder-pink-600::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.xl\:placeholder-pink-700::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.xl\:placeholder-pink-800::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.xl\:placeholder-pink-900::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-transparent:focus::placeholder {
@@ -47936,371 +64275,595 @@ video {
}
.xl\:focus\:placeholder-black:focus::placeholder {
+ --placeholder-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-white:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-gray-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-red-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-orange-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-yellow-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-green-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-teal-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-blue-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-indigo-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-purple-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-100:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-200:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-300:focus::placeholder {
+ --placeholder-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-400:focus::placeholder {
+ --placeholder-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-500:focus::placeholder {
+ --placeholder-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-600:focus::placeholder {
+ --placeholder-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-700:focus::placeholder {
+ --placeholder-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-800:focus::placeholder {
+ --placeholder-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--placeholder-opacity));
}
.xl\:focus\:placeholder-pink-900:focus::placeholder {
+ --placeholder-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--placeholder-opacity));
+ }
+
+ .xl\:placeholder-opacity-0::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .xl\:placeholder-opacity-25::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .xl\:placeholder-opacity-50::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .xl\:placeholder-opacity-75::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .xl\:placeholder-opacity-100::placeholder {
+ --placeholder-opacity: 1;
+ }
+
+ .xl\:focus\:placeholder-opacity-0:focus::placeholder {
+ --placeholder-opacity: 0;
+ }
+
+ .xl\:focus\:placeholder-opacity-25:focus::placeholder {
+ --placeholder-opacity: 0.25;
+ }
+
+ .xl\:focus\:placeholder-opacity-50:focus::placeholder {
+ --placeholder-opacity: 0.5;
+ }
+
+ .xl\:focus\:placeholder-opacity-75:focus::placeholder {
+ --placeholder-opacity: 0.75;
+ }
+
+ .xl\:focus\:placeholder-opacity-100:focus::placeholder {
+ --placeholder-opacity: 1;
}
.xl\:pointer-events-none {
@@ -48586,371 +65149,555 @@ video {
}
.xl\:text-black {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.xl\:text-white {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.xl\:text-gray-100 {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.xl\:text-gray-200 {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.xl\:text-gray-300 {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.xl\:text-gray-400 {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.xl\:text-gray-500 {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.xl\:text-gray-600 {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.xl\:text-gray-700 {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.xl\:text-gray-800 {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.xl\:text-gray-900 {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.xl\:text-red-100 {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.xl\:text-red-200 {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.xl\:text-red-300 {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.xl\:text-red-400 {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.xl\:text-red-500 {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.xl\:text-red-600 {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.xl\:text-red-700 {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.xl\:text-red-800 {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.xl\:text-red-900 {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.xl\:text-orange-100 {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.xl\:text-orange-200 {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.xl\:text-orange-300 {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.xl\:text-orange-400 {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.xl\:text-orange-500 {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.xl\:text-orange-600 {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.xl\:text-orange-700 {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.xl\:text-orange-800 {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.xl\:text-orange-900 {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.xl\:text-yellow-100 {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.xl\:text-yellow-200 {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.xl\:text-yellow-300 {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.xl\:text-yellow-400 {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.xl\:text-yellow-500 {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.xl\:text-yellow-600 {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.xl\:text-yellow-700 {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.xl\:text-yellow-800 {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.xl\:text-yellow-900 {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.xl\:text-green-100 {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.xl\:text-green-200 {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.xl\:text-green-300 {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.xl\:text-green-400 {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.xl\:text-green-500 {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.xl\:text-green-600 {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.xl\:text-green-700 {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.xl\:text-green-800 {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.xl\:text-green-900 {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.xl\:text-teal-100 {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.xl\:text-teal-200 {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.xl\:text-teal-300 {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.xl\:text-teal-400 {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.xl\:text-teal-500 {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.xl\:text-teal-600 {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.xl\:text-teal-700 {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.xl\:text-teal-800 {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.xl\:text-teal-900 {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.xl\:text-blue-100 {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.xl\:text-blue-200 {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.xl\:text-blue-300 {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.xl\:text-blue-400 {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.xl\:text-blue-500 {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.xl\:text-blue-600 {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.xl\:text-blue-700 {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.xl\:text-blue-800 {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.xl\:text-blue-900 {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.xl\:text-indigo-100 {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.xl\:text-indigo-200 {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.xl\:text-indigo-300 {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.xl\:text-indigo-400 {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.xl\:text-indigo-500 {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.xl\:text-indigo-600 {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.xl\:text-indigo-700 {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.xl\:text-indigo-800 {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.xl\:text-indigo-900 {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.xl\:text-purple-100 {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.xl\:text-purple-200 {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.xl\:text-purple-300 {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.xl\:text-purple-400 {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.xl\:text-purple-500 {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.xl\:text-purple-600 {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.xl\:text-purple-700 {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.xl\:text-purple-800 {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.xl\:text-purple-900 {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.xl\:text-pink-100 {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.xl\:text-pink-200 {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.xl\:text-pink-300 {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.xl\:text-pink-400 {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.xl\:text-pink-500 {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.xl\:text-pink-600 {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.xl\:text-pink-700 {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.xl\:text-pink-800 {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.xl\:text-pink-900 {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.xl\:hover\:text-transparent:hover {
@@ -48962,371 +65709,555 @@ video {
}
.xl\:hover\:text-black:hover {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.xl\:hover\:text-white:hover {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.xl\:hover\:text-gray-100:hover {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.xl\:hover\:text-gray-200:hover {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.xl\:hover\:text-gray-300:hover {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.xl\:hover\:text-gray-400:hover {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.xl\:hover\:text-gray-500:hover {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.xl\:hover\:text-gray-600:hover {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.xl\:hover\:text-gray-700:hover {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.xl\:hover\:text-gray-800:hover {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.xl\:hover\:text-gray-900:hover {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.xl\:hover\:text-red-100:hover {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.xl\:hover\:text-red-200:hover {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.xl\:hover\:text-red-300:hover {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.xl\:hover\:text-red-400:hover {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.xl\:hover\:text-red-500:hover {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.xl\:hover\:text-red-600:hover {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.xl\:hover\:text-red-700:hover {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.xl\:hover\:text-red-800:hover {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.xl\:hover\:text-red-900:hover {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.xl\:hover\:text-orange-100:hover {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.xl\:hover\:text-orange-200:hover {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.xl\:hover\:text-orange-300:hover {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.xl\:hover\:text-orange-400:hover {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.xl\:hover\:text-orange-500:hover {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.xl\:hover\:text-orange-600:hover {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.xl\:hover\:text-orange-700:hover {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.xl\:hover\:text-orange-800:hover {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.xl\:hover\:text-orange-900:hover {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.xl\:hover\:text-yellow-100:hover {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.xl\:hover\:text-yellow-200:hover {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.xl\:hover\:text-yellow-300:hover {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.xl\:hover\:text-yellow-400:hover {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.xl\:hover\:text-yellow-500:hover {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.xl\:hover\:text-yellow-600:hover {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.xl\:hover\:text-yellow-700:hover {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.xl\:hover\:text-yellow-800:hover {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.xl\:hover\:text-yellow-900:hover {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.xl\:hover\:text-green-100:hover {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.xl\:hover\:text-green-200:hover {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.xl\:hover\:text-green-300:hover {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.xl\:hover\:text-green-400:hover {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.xl\:hover\:text-green-500:hover {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.xl\:hover\:text-green-600:hover {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.xl\:hover\:text-green-700:hover {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.xl\:hover\:text-green-800:hover {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.xl\:hover\:text-green-900:hover {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.xl\:hover\:text-teal-100:hover {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.xl\:hover\:text-teal-200:hover {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.xl\:hover\:text-teal-300:hover {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.xl\:hover\:text-teal-400:hover {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.xl\:hover\:text-teal-500:hover {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.xl\:hover\:text-teal-600:hover {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.xl\:hover\:text-teal-700:hover {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.xl\:hover\:text-teal-800:hover {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.xl\:hover\:text-teal-900:hover {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.xl\:hover\:text-blue-100:hover {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.xl\:hover\:text-blue-200:hover {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.xl\:hover\:text-blue-300:hover {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.xl\:hover\:text-blue-400:hover {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.xl\:hover\:text-blue-500:hover {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.xl\:hover\:text-blue-600:hover {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.xl\:hover\:text-blue-700:hover {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.xl\:hover\:text-blue-800:hover {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.xl\:hover\:text-blue-900:hover {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.xl\:hover\:text-indigo-100:hover {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.xl\:hover\:text-indigo-200:hover {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.xl\:hover\:text-indigo-300:hover {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.xl\:hover\:text-indigo-400:hover {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.xl\:hover\:text-indigo-500:hover {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.xl\:hover\:text-indigo-600:hover {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.xl\:hover\:text-indigo-700:hover {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.xl\:hover\:text-indigo-800:hover {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.xl\:hover\:text-indigo-900:hover {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.xl\:hover\:text-purple-100:hover {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.xl\:hover\:text-purple-200:hover {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.xl\:hover\:text-purple-300:hover {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.xl\:hover\:text-purple-400:hover {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.xl\:hover\:text-purple-500:hover {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.xl\:hover\:text-purple-600:hover {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.xl\:hover\:text-purple-700:hover {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.xl\:hover\:text-purple-800:hover {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.xl\:hover\:text-purple-900:hover {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.xl\:hover\:text-pink-100:hover {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.xl\:hover\:text-pink-200:hover {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.xl\:hover\:text-pink-300:hover {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.xl\:hover\:text-pink-400:hover {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.xl\:hover\:text-pink-500:hover {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.xl\:hover\:text-pink-600:hover {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.xl\:hover\:text-pink-700:hover {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.xl\:hover\:text-pink-800:hover {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.xl\:hover\:text-pink-900:hover {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
.xl\:focus\:text-transparent:focus {
@@ -49338,411 +66269,615 @@ video {
}
.xl\:focus\:text-black:focus {
+ --text-opacity: 1;
color: #000;
+ color: rgba(0, 0, 0, var(--text-opacity));
}
.xl\:focus\:text-white:focus {
+ --text-opacity: 1;
color: #fff;
+ color: rgba(255, 255, 255, var(--text-opacity));
}
.xl\:focus\:text-gray-100:focus {
+ --text-opacity: 1;
color: #f7fafc;
+ color: rgba(247, 250, 252, var(--text-opacity));
}
.xl\:focus\:text-gray-200:focus {
+ --text-opacity: 1;
color: #edf2f7;
+ color: rgba(237, 242, 247, var(--text-opacity));
}
.xl\:focus\:text-gray-300:focus {
+ --text-opacity: 1;
color: #e2e8f0;
+ color: rgba(226, 232, 240, var(--text-opacity));
}
.xl\:focus\:text-gray-400:focus {
+ --text-opacity: 1;
color: #cbd5e0;
+ color: rgba(203, 213, 224, var(--text-opacity));
}
.xl\:focus\:text-gray-500:focus {
+ --text-opacity: 1;
color: #a0aec0;
+ color: rgba(160, 174, 192, var(--text-opacity));
}
.xl\:focus\:text-gray-600:focus {
+ --text-opacity: 1;
color: #718096;
+ color: rgba(113, 128, 150, var(--text-opacity));
}
.xl\:focus\:text-gray-700:focus {
+ --text-opacity: 1;
color: #4a5568;
+ color: rgba(74, 85, 104, var(--text-opacity));
}
.xl\:focus\:text-gray-800:focus {
+ --text-opacity: 1;
color: #2d3748;
+ color: rgba(45, 55, 72, var(--text-opacity));
}
.xl\:focus\:text-gray-900:focus {
+ --text-opacity: 1;
color: #1a202c;
+ color: rgba(26, 32, 44, var(--text-opacity));
}
.xl\:focus\:text-red-100:focus {
+ --text-opacity: 1;
color: #fff5f5;
+ color: rgba(255, 245, 245, var(--text-opacity));
}
.xl\:focus\:text-red-200:focus {
+ --text-opacity: 1;
color: #fed7d7;
+ color: rgba(254, 215, 215, var(--text-opacity));
}
.xl\:focus\:text-red-300:focus {
+ --text-opacity: 1;
color: #feb2b2;
+ color: rgba(254, 178, 178, var(--text-opacity));
}
.xl\:focus\:text-red-400:focus {
+ --text-opacity: 1;
color: #fc8181;
+ color: rgba(252, 129, 129, var(--text-opacity));
}
.xl\:focus\:text-red-500:focus {
+ --text-opacity: 1;
color: #f56565;
+ color: rgba(245, 101, 101, var(--text-opacity));
}
.xl\:focus\:text-red-600:focus {
+ --text-opacity: 1;
color: #e53e3e;
+ color: rgba(229, 62, 62, var(--text-opacity));
}
.xl\:focus\:text-red-700:focus {
+ --text-opacity: 1;
color: #c53030;
+ color: rgba(197, 48, 48, var(--text-opacity));
}
.xl\:focus\:text-red-800:focus {
+ --text-opacity: 1;
color: #9b2c2c;
+ color: rgba(155, 44, 44, var(--text-opacity));
}
.xl\:focus\:text-red-900:focus {
+ --text-opacity: 1;
color: #742a2a;
+ color: rgba(116, 42, 42, var(--text-opacity));
}
.xl\:focus\:text-orange-100:focus {
+ --text-opacity: 1;
color: #fffaf0;
+ color: rgba(255, 250, 240, var(--text-opacity));
}
.xl\:focus\:text-orange-200:focus {
+ --text-opacity: 1;
color: #feebc8;
+ color: rgba(254, 235, 200, var(--text-opacity));
}
.xl\:focus\:text-orange-300:focus {
+ --text-opacity: 1;
color: #fbd38d;
+ color: rgba(251, 211, 141, var(--text-opacity));
}
.xl\:focus\:text-orange-400:focus {
+ --text-opacity: 1;
color: #f6ad55;
+ color: rgba(246, 173, 85, var(--text-opacity));
}
.xl\:focus\:text-orange-500:focus {
+ --text-opacity: 1;
color: #ed8936;
+ color: rgba(237, 137, 54, var(--text-opacity));
}
.xl\:focus\:text-orange-600:focus {
+ --text-opacity: 1;
color: #dd6b20;
+ color: rgba(221, 107, 32, var(--text-opacity));
}
.xl\:focus\:text-orange-700:focus {
+ --text-opacity: 1;
color: #c05621;
+ color: rgba(192, 86, 33, var(--text-opacity));
}
.xl\:focus\:text-orange-800:focus {
+ --text-opacity: 1;
color: #9c4221;
+ color: rgba(156, 66, 33, var(--text-opacity));
}
.xl\:focus\:text-orange-900:focus {
+ --text-opacity: 1;
color: #7b341e;
+ color: rgba(123, 52, 30, var(--text-opacity));
}
.xl\:focus\:text-yellow-100:focus {
+ --text-opacity: 1;
color: #fffff0;
+ color: rgba(255, 255, 240, var(--text-opacity));
}
.xl\:focus\:text-yellow-200:focus {
+ --text-opacity: 1;
color: #fefcbf;
+ color: rgba(254, 252, 191, var(--text-opacity));
}
.xl\:focus\:text-yellow-300:focus {
+ --text-opacity: 1;
color: #faf089;
+ color: rgba(250, 240, 137, var(--text-opacity));
}
.xl\:focus\:text-yellow-400:focus {
+ --text-opacity: 1;
color: #f6e05e;
+ color: rgba(246, 224, 94, var(--text-opacity));
}
.xl\:focus\:text-yellow-500:focus {
+ --text-opacity: 1;
color: #ecc94b;
+ color: rgba(236, 201, 75, var(--text-opacity));
}
.xl\:focus\:text-yellow-600:focus {
+ --text-opacity: 1;
color: #d69e2e;
+ color: rgba(214, 158, 46, var(--text-opacity));
}
.xl\:focus\:text-yellow-700:focus {
+ --text-opacity: 1;
color: #b7791f;
+ color: rgba(183, 121, 31, var(--text-opacity));
}
.xl\:focus\:text-yellow-800:focus {
+ --text-opacity: 1;
color: #975a16;
+ color: rgba(151, 90, 22, var(--text-opacity));
}
.xl\:focus\:text-yellow-900:focus {
+ --text-opacity: 1;
color: #744210;
+ color: rgba(116, 66, 16, var(--text-opacity));
}
.xl\:focus\:text-green-100:focus {
+ --text-opacity: 1;
color: #f0fff4;
+ color: rgba(240, 255, 244, var(--text-opacity));
}
.xl\:focus\:text-green-200:focus {
+ --text-opacity: 1;
color: #c6f6d5;
+ color: rgba(198, 246, 213, var(--text-opacity));
}
.xl\:focus\:text-green-300:focus {
+ --text-opacity: 1;
color: #9ae6b4;
+ color: rgba(154, 230, 180, var(--text-opacity));
}
.xl\:focus\:text-green-400:focus {
+ --text-opacity: 1;
color: #68d391;
+ color: rgba(104, 211, 145, var(--text-opacity));
}
.xl\:focus\:text-green-500:focus {
+ --text-opacity: 1;
color: #48bb78;
+ color: rgba(72, 187, 120, var(--text-opacity));
}
.xl\:focus\:text-green-600:focus {
+ --text-opacity: 1;
color: #38a169;
+ color: rgba(56, 161, 105, var(--text-opacity));
}
.xl\:focus\:text-green-700:focus {
+ --text-opacity: 1;
color: #2f855a;
+ color: rgba(47, 133, 90, var(--text-opacity));
}
.xl\:focus\:text-green-800:focus {
+ --text-opacity: 1;
color: #276749;
+ color: rgba(39, 103, 73, var(--text-opacity));
}
.xl\:focus\:text-green-900:focus {
+ --text-opacity: 1;
color: #22543d;
+ color: rgba(34, 84, 61, var(--text-opacity));
}
.xl\:focus\:text-teal-100:focus {
+ --text-opacity: 1;
color: #e6fffa;
+ color: rgba(230, 255, 250, var(--text-opacity));
}
.xl\:focus\:text-teal-200:focus {
+ --text-opacity: 1;
color: #b2f5ea;
+ color: rgba(178, 245, 234, var(--text-opacity));
}
.xl\:focus\:text-teal-300:focus {
+ --text-opacity: 1;
color: #81e6d9;
+ color: rgba(129, 230, 217, var(--text-opacity));
}
.xl\:focus\:text-teal-400:focus {
+ --text-opacity: 1;
color: #4fd1c5;
+ color: rgba(79, 209, 197, var(--text-opacity));
}
.xl\:focus\:text-teal-500:focus {
+ --text-opacity: 1;
color: #38b2ac;
+ color: rgba(56, 178, 172, var(--text-opacity));
}
.xl\:focus\:text-teal-600:focus {
+ --text-opacity: 1;
color: #319795;
+ color: rgba(49, 151, 149, var(--text-opacity));
}
.xl\:focus\:text-teal-700:focus {
+ --text-opacity: 1;
color: #2c7a7b;
+ color: rgba(44, 122, 123, var(--text-opacity));
}
.xl\:focus\:text-teal-800:focus {
+ --text-opacity: 1;
color: #285e61;
+ color: rgba(40, 94, 97, var(--text-opacity));
}
.xl\:focus\:text-teal-900:focus {
+ --text-opacity: 1;
color: #234e52;
+ color: rgba(35, 78, 82, var(--text-opacity));
}
.xl\:focus\:text-blue-100:focus {
+ --text-opacity: 1;
color: #ebf8ff;
+ color: rgba(235, 248, 255, var(--text-opacity));
}
.xl\:focus\:text-blue-200:focus {
+ --text-opacity: 1;
color: #bee3f8;
+ color: rgba(190, 227, 248, var(--text-opacity));
}
.xl\:focus\:text-blue-300:focus {
+ --text-opacity: 1;
color: #90cdf4;
+ color: rgba(144, 205, 244, var(--text-opacity));
}
.xl\:focus\:text-blue-400:focus {
+ --text-opacity: 1;
color: #63b3ed;
+ color: rgba(99, 179, 237, var(--text-opacity));
}
.xl\:focus\:text-blue-500:focus {
+ --text-opacity: 1;
color: #4299e1;
+ color: rgba(66, 153, 225, var(--text-opacity));
}
.xl\:focus\:text-blue-600:focus {
+ --text-opacity: 1;
color: #3182ce;
+ color: rgba(49, 130, 206, var(--text-opacity));
}
.xl\:focus\:text-blue-700:focus {
+ --text-opacity: 1;
color: #2b6cb0;
+ color: rgba(43, 108, 176, var(--text-opacity));
}
.xl\:focus\:text-blue-800:focus {
+ --text-opacity: 1;
color: #2c5282;
+ color: rgba(44, 82, 130, var(--text-opacity));
}
.xl\:focus\:text-blue-900:focus {
+ --text-opacity: 1;
color: #2a4365;
+ color: rgba(42, 67, 101, var(--text-opacity));
}
.xl\:focus\:text-indigo-100:focus {
+ --text-opacity: 1;
color: #ebf4ff;
+ color: rgba(235, 244, 255, var(--text-opacity));
}
.xl\:focus\:text-indigo-200:focus {
+ --text-opacity: 1;
color: #c3dafe;
+ color: rgba(195, 218, 254, var(--text-opacity));
}
.xl\:focus\:text-indigo-300:focus {
+ --text-opacity: 1;
color: #a3bffa;
+ color: rgba(163, 191, 250, var(--text-opacity));
}
.xl\:focus\:text-indigo-400:focus {
+ --text-opacity: 1;
color: #7f9cf5;
+ color: rgba(127, 156, 245, var(--text-opacity));
}
.xl\:focus\:text-indigo-500:focus {
+ --text-opacity: 1;
color: #667eea;
+ color: rgba(102, 126, 234, var(--text-opacity));
}
.xl\:focus\:text-indigo-600:focus {
+ --text-opacity: 1;
color: #5a67d8;
+ color: rgba(90, 103, 216, var(--text-opacity));
}
.xl\:focus\:text-indigo-700:focus {
+ --text-opacity: 1;
color: #4c51bf;
+ color: rgba(76, 81, 191, var(--text-opacity));
}
.xl\:focus\:text-indigo-800:focus {
+ --text-opacity: 1;
color: #434190;
+ color: rgba(67, 65, 144, var(--text-opacity));
}
.xl\:focus\:text-indigo-900:focus {
+ --text-opacity: 1;
color: #3c366b;
+ color: rgba(60, 54, 107, var(--text-opacity));
}
.xl\:focus\:text-purple-100:focus {
+ --text-opacity: 1;
color: #faf5ff;
+ color: rgba(250, 245, 255, var(--text-opacity));
}
.xl\:focus\:text-purple-200:focus {
+ --text-opacity: 1;
color: #e9d8fd;
+ color: rgba(233, 216, 253, var(--text-opacity));
}
.xl\:focus\:text-purple-300:focus {
+ --text-opacity: 1;
color: #d6bcfa;
+ color: rgba(214, 188, 250, var(--text-opacity));
}
.xl\:focus\:text-purple-400:focus {
+ --text-opacity: 1;
color: #b794f4;
+ color: rgba(183, 148, 244, var(--text-opacity));
}
.xl\:focus\:text-purple-500:focus {
+ --text-opacity: 1;
color: #9f7aea;
+ color: rgba(159, 122, 234, var(--text-opacity));
}
.xl\:focus\:text-purple-600:focus {
+ --text-opacity: 1;
color: #805ad5;
+ color: rgba(128, 90, 213, var(--text-opacity));
}
.xl\:focus\:text-purple-700:focus {
+ --text-opacity: 1;
color: #6b46c1;
+ color: rgba(107, 70, 193, var(--text-opacity));
}
.xl\:focus\:text-purple-800:focus {
+ --text-opacity: 1;
color: #553c9a;
+ color: rgba(85, 60, 154, var(--text-opacity));
}
.xl\:focus\:text-purple-900:focus {
+ --text-opacity: 1;
color: #44337a;
+ color: rgba(68, 51, 122, var(--text-opacity));
}
.xl\:focus\:text-pink-100:focus {
+ --text-opacity: 1;
color: #fff5f7;
+ color: rgba(255, 245, 247, var(--text-opacity));
}
.xl\:focus\:text-pink-200:focus {
+ --text-opacity: 1;
color: #fed7e2;
+ color: rgba(254, 215, 226, var(--text-opacity));
}
.xl\:focus\:text-pink-300:focus {
+ --text-opacity: 1;
color: #fbb6ce;
+ color: rgba(251, 182, 206, var(--text-opacity));
}
.xl\:focus\:text-pink-400:focus {
+ --text-opacity: 1;
color: #f687b3;
+ color: rgba(246, 135, 179, var(--text-opacity));
}
.xl\:focus\:text-pink-500:focus {
+ --text-opacity: 1;
color: #ed64a6;
+ color: rgba(237, 100, 166, var(--text-opacity));
}
.xl\:focus\:text-pink-600:focus {
+ --text-opacity: 1;
color: #d53f8c;
+ color: rgba(213, 63, 140, var(--text-opacity));
}
.xl\:focus\:text-pink-700:focus {
+ --text-opacity: 1;
color: #b83280;
+ color: rgba(184, 50, 128, var(--text-opacity));
}
.xl\:focus\:text-pink-800:focus {
+ --text-opacity: 1;
color: #97266d;
+ color: rgba(151, 38, 109, var(--text-opacity));
}
.xl\:focus\:text-pink-900:focus {
+ --text-opacity: 1;
color: #702459;
+ color: rgba(112, 36, 89, var(--text-opacity));
}
- .xl\:text-xs {
- font-size: 0.75rem;
+ .xl\:text-opacity-0 {
+ --text-opacity: 0;
}
- .xl\:text-sm {
- font-size: 0.875rem;
+ .xl\:text-opacity-25 {
+ --text-opacity: 0.25;
}
- .xl\:text-base {
- font-size: 1rem;
+ .xl\:text-opacity-50 {
+ --text-opacity: 0.5;
}
- .xl\:text-lg {
- font-size: 1.125rem;
+ .xl\:text-opacity-75 {
+ --text-opacity: 0.75;
}
- .xl\:text-xl {
- font-size: 1.25rem;
+ .xl\:text-opacity-100 {
+ --text-opacity: 1;
}
- .xl\:text-2xl {
- font-size: 1.5rem;
+ .xl\:hover\:text-opacity-0:hover {
+ --text-opacity: 0;
}
- .xl\:text-3xl {
- font-size: 1.875rem;
+ .xl\:hover\:text-opacity-25:hover {
+ --text-opacity: 0.25;
}
- .xl\:text-4xl {
- font-size: 2.25rem;
+ .xl\:hover\:text-opacity-50:hover {
+ --text-opacity: 0.5;
}
- .xl\:text-5xl {
- font-size: 3rem;
+ .xl\:hover\:text-opacity-75:hover {
+ --text-opacity: 0.75;
}
- .xl\:text-6xl {
- font-size: 4rem;
+ .xl\:hover\:text-opacity-100:hover {
+ --text-opacity: 1;
+ }
+
+ .xl\:focus\:text-opacity-0:focus {
+ --text-opacity: 0;
+ }
+
+ .xl\:focus\:text-opacity-25:focus {
+ --text-opacity: 0.25;
+ }
+
+ .xl\:focus\:text-opacity-50:focus {
+ --text-opacity: 0.5;
+ }
+
+ .xl\:focus\:text-opacity-75:focus {
+ --text-opacity: 0.75;
+ }
+
+ .xl\:focus\:text-opacity-100:focus {
+ --text-opacity: 1;
}
.xl\:italic {
@@ -52568,6 +69703,26 @@ video {
transition-delay: 1000ms;
}
+ .xl\:animate-none {
+ animation: none;
+ }
+
+ .xl\:animate-spin {
+ animation: spin 1s linear infinite;
+ }
+
+ .xl\:animate-ping {
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ }
+
+ .xl\:animate-pulse {
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ }
+
+ .xl\:animate-bounce {
+ animation: bounce 1s infinite;
+ }
+
.xl\:example {
font-weight: 700;
color: #f56565;
diff --git a/__tests__/flattenColorPalette.test.js b/__tests__/flattenColorPalette.test.js
new file mode 100644
index 000000000..98ab5a72b
--- /dev/null
+++ b/__tests__/flattenColorPalette.test.js
@@ -0,0 +1,45 @@
+import flattenColorPalette from '../src/util/flattenColorPalette'
+
+test('it flattens nested color objects', () => {
+ expect(
+ flattenColorPalette({
+ purple: 'purple',
+ white: {
+ 25: 'rgba(255,255,255,.25)',
+ 50: 'rgba(255,255,255,.5)',
+ 75: 'rgba(255,255,255,.75)',
+ default: '#fff',
+ },
+ red: {
+ 1: 'rgb(33,0,0)',
+ 2: 'rgb(67,0,0)',
+ 3: 'rgb(100,0,0)',
+ },
+ green: {
+ 1: 'rgb(0,33,0)',
+ 2: 'rgb(0,67,0)',
+ 3: 'rgb(0,100,0)',
+ },
+ blue: {
+ 1: 'rgb(0,0,33)',
+ 2: 'rgb(0,0,67)',
+ 3: 'rgb(0,0,100)',
+ },
+ })
+ ).toEqual({
+ purple: 'purple',
+ 'white-25': 'rgba(255,255,255,.25)',
+ 'white-50': 'rgba(255,255,255,.5)',
+ 'white-75': 'rgba(255,255,255,.75)',
+ white: '#fff',
+ 'red-1': 'rgb(33,0,0)',
+ 'red-2': 'rgb(67,0,0)',
+ 'red-3': 'rgb(100,0,0)',
+ 'green-1': 'rgb(0,33,0)',
+ 'green-2': 'rgb(0,67,0)',
+ 'green-3': 'rgb(0,100,0)',
+ 'blue-1': 'rgb(0,0,33)',
+ 'blue-2': 'rgb(0,0,67)',
+ 'blue-3': 'rgb(0,0,100)',
+ })
+})
diff --git a/__tests__/plugins/backgroundColor.test.js b/__tests__/plugins/backgroundColor.test.js
deleted file mode 100644
index 0de33e04c..000000000
--- a/__tests__/plugins/backgroundColor.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/backgroundColor'
-
-test('colors can be a nested object', () => {
- const addedUtilities = []
-
- const config = {
- theme: {
- backgroundColor: {
- purple: 'purple',
- white: {
- 25: 'rgba(255,255,255,.25)',
- 50: 'rgba(255,255,255,.5)',
- 75: 'rgba(255,255,255,.75)',
- default: '#fff',
- },
- red: {
- 1: 'rgb(33,0,0)',
- 2: 'rgb(67,0,0)',
- 3: 'rgb(100,0,0)',
- },
- green: {
- 1: 'rgb(0,33,0)',
- 2: 'rgb(0,67,0)',
- 3: 'rgb(0,100,0)',
- },
- blue: {
- 1: 'rgb(0,0,33)',
- 2: 'rgb(0,0,67)',
- 3: 'rgb(0,0,100)',
- },
- },
- },
- variants: {
- backgroundColor: ['responsive'],
- },
- }
-
- const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
- const pluginApi = {
- config: getConfigValue,
- e: escapeClassName,
- theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
- variants: (path, defaultValue) => {
- if (_.isArray(config.variants)) {
- return config.variants
- }
-
- return getConfigValue(`variants.${path}`, defaultValue)
- },
- addUtilities(utilities, variants) {
- addedUtilities.push({
- utilities,
- variants,
- })
- },
- }
-
- plugin()(pluginApi)
-
- expect(addedUtilities).toEqual([
- {
- utilities: {
- '.bg-purple': { 'background-color': 'purple' },
- '.bg-white-25': { 'background-color': 'rgba(255,255,255,.25)' },
- '.bg-white-50': { 'background-color': 'rgba(255,255,255,.5)' },
- '.bg-white-75': { 'background-color': 'rgba(255,255,255,.75)' },
- '.bg-white': { 'background-color': '#fff' },
- '.bg-red-1': { 'background-color': 'rgb(33,0,0)' },
- '.bg-red-2': { 'background-color': 'rgb(67,0,0)' },
- '.bg-red-3': { 'background-color': 'rgb(100,0,0)' },
- '.bg-green-1': { 'background-color': 'rgb(0,33,0)' },
- '.bg-green-2': { 'background-color': 'rgb(0,67,0)' },
- '.bg-green-3': { 'background-color': 'rgb(0,100,0)' },
- '.bg-blue-1': { 'background-color': 'rgb(0,0,33)' },
- '.bg-blue-2': { 'background-color': 'rgb(0,0,67)' },
- '.bg-blue-3': { 'background-color': 'rgb(0,0,100)' },
- },
- variants: ['responsive'],
- },
- ])
-})
diff --git a/__tests__/plugins/borderColor.test.js b/__tests__/plugins/borderColor.test.js
deleted file mode 100644
index 3c9a47683..000000000
--- a/__tests__/plugins/borderColor.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/borderColor'
-
-test('colors can be a nested object', () => {
- const addedUtilities = []
-
- const config = {
- theme: {
- borderColor: {
- purple: 'purple',
- white: {
- 25: 'rgba(255,255,255,.25)',
- 50: 'rgba(255,255,255,.5)',
- 75: 'rgba(255,255,255,.75)',
- default: '#fff',
- },
- red: {
- 1: 'rgb(33,0,0)',
- 2: 'rgb(67,0,0)',
- 3: 'rgb(100,0,0)',
- },
- green: {
- 1: 'rgb(0,33,0)',
- 2: 'rgb(0,67,0)',
- 3: 'rgb(0,100,0)',
- },
- blue: {
- 1: 'rgb(0,0,33)',
- 2: 'rgb(0,0,67)',
- 3: 'rgb(0,0,100)',
- },
- },
- },
- variants: {
- borderColor: ['responsive'],
- },
- }
-
- const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
- const pluginApi = {
- config: getConfigValue,
- e: escapeClassName,
- theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
- variants: (path, defaultValue) => {
- if (_.isArray(config.variants)) {
- return config.variants
- }
-
- return getConfigValue(`variants.${path}`, defaultValue)
- },
- addUtilities(utilities, variants) {
- addedUtilities.push({
- utilities,
- variants,
- })
- },
- }
-
- plugin()(pluginApi)
-
- expect(addedUtilities).toEqual([
- {
- utilities: {
- '.border-purple': { 'border-color': 'purple' },
- '.border-white-25': { 'border-color': 'rgba(255,255,255,.25)' },
- '.border-white-50': { 'border-color': 'rgba(255,255,255,.5)' },
- '.border-white-75': { 'border-color': 'rgba(255,255,255,.75)' },
- '.border-white': { 'border-color': '#fff' },
- '.border-red-1': { 'border-color': 'rgb(33,0,0)' },
- '.border-red-2': { 'border-color': 'rgb(67,0,0)' },
- '.border-red-3': { 'border-color': 'rgb(100,0,0)' },
- '.border-green-1': { 'border-color': 'rgb(0,33,0)' },
- '.border-green-2': { 'border-color': 'rgb(0,67,0)' },
- '.border-green-3': { 'border-color': 'rgb(0,100,0)' },
- '.border-blue-1': { 'border-color': 'rgb(0,0,33)' },
- '.border-blue-2': { 'border-color': 'rgb(0,0,67)' },
- '.border-blue-3': { 'border-color': 'rgb(0,0,100)' },
- },
- variants: ['responsive'],
- },
- ])
-})
diff --git a/__tests__/plugins/divideWidth.test.js b/__tests__/plugins/divideWidth.test.js
new file mode 100644
index 000000000..ff994dee0
--- /dev/null
+++ b/__tests__/plugins/divideWidth.test.js
@@ -0,0 +1,75 @@
+import invokePlugin from '../util/invokePlugin'
+import plugin from '../../src/plugins/divideWidth'
+
+test('generating divide width utilities', () => {
+ const config = {
+ target: 'relaxed',
+ theme: {
+ divideWidth: {
+ default: '1px',
+ '0': '0',
+ '2': '2px',
+ '4': '4px',
+ },
+ },
+ variants: {
+ divideWidth: ['responsive'],
+ },
+ }
+
+ const { utilities } = invokePlugin(plugin(), config)
+
+ expect(utilities).toEqual([
+ [
+ {
+ '.divide-y > :not(template) ~ :not(template)': {
+ '--divide-y-reverse': '0',
+ 'border-top-width': 'calc(1px * calc(1 - var(--divide-y-reverse)))',
+ 'border-bottom-width': 'calc(1px * var(--divide-y-reverse))',
+ },
+ '.divide-x > :not(template) ~ :not(template)': {
+ '--divide-x-reverse': '0',
+ 'border-right-width': 'calc(1px * var(--divide-x-reverse))',
+ 'border-left-width': 'calc(1px * calc(1 - var(--divide-x-reverse)))',
+ },
+ '.divide-y-0 > :not(template) ~ :not(template)': {
+ '--divide-y-reverse': '0',
+ 'border-top-width': 'calc(0px * calc(1 - var(--divide-y-reverse)))',
+ 'border-bottom-width': 'calc(0px * var(--divide-y-reverse))',
+ },
+ '.divide-x-0 > :not(template) ~ :not(template)': {
+ '--divide-x-reverse': '0',
+ 'border-right-width': 'calc(0px * var(--divide-x-reverse))',
+ 'border-left-width': 'calc(0px * calc(1 - var(--divide-x-reverse)))',
+ },
+ '.divide-y-2 > :not(template) ~ :not(template)': {
+ '--divide-y-reverse': '0',
+ 'border-top-width': 'calc(2px * calc(1 - var(--divide-y-reverse)))',
+ 'border-bottom-width': 'calc(2px * var(--divide-y-reverse))',
+ },
+ '.divide-x-2 > :not(template) ~ :not(template)': {
+ '--divide-x-reverse': '0',
+ 'border-right-width': 'calc(2px * var(--divide-x-reverse))',
+ 'border-left-width': 'calc(2px * calc(1 - var(--divide-x-reverse)))',
+ },
+ '.divide-y-4 > :not(template) ~ :not(template)': {
+ '--divide-y-reverse': '0',
+ 'border-top-width': 'calc(4px * calc(1 - var(--divide-y-reverse)))',
+ 'border-bottom-width': 'calc(4px * var(--divide-y-reverse))',
+ },
+ '.divide-x-4 > :not(template) ~ :not(template)': {
+ '--divide-x-reverse': '0',
+ 'border-right-width': 'calc(4px * var(--divide-x-reverse))',
+ 'border-left-width': 'calc(4px * calc(1 - var(--divide-x-reverse)))',
+ },
+ '.divide-y-reverse > :not(template) ~ :not(template)': {
+ '--divide-y-reverse': '1',
+ },
+ '.divide-x-reverse > :not(template) ~ :not(template)': {
+ '--divide-x-reverse': '1',
+ },
+ },
+ ['responsive'],
+ ],
+ ])
+})
diff --git a/__tests__/plugins/fill.test.js b/__tests__/plugins/fill.test.js
deleted file mode 100644
index a2a0c6327..000000000
--- a/__tests__/plugins/fill.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/fill'
-
-test('colors can be a nested object', () => {
- const addedUtilities = []
-
- const config = {
- theme: {
- fill: {
- purple: 'purple',
- white: {
- 25: 'rgba(255,255,255,.25)',
- 50: 'rgba(255,255,255,.5)',
- 75: 'rgba(255,255,255,.75)',
- default: '#fff',
- },
- red: {
- 1: 'rgb(33,0,0)',
- 2: 'rgb(67,0,0)',
- 3: 'rgb(100,0,0)',
- },
- green: {
- 1: 'rgb(0,33,0)',
- 2: 'rgb(0,67,0)',
- 3: 'rgb(0,100,0)',
- },
- blue: {
- 1: 'rgb(0,0,33)',
- 2: 'rgb(0,0,67)',
- 3: 'rgb(0,0,100)',
- },
- },
- },
- variants: {
- fill: ['responsive'],
- },
- }
-
- const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
- const pluginApi = {
- config: getConfigValue,
- e: escapeClassName,
- theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
- variants: (path, defaultValue) => {
- if (_.isArray(config.variants)) {
- return config.variants
- }
-
- return getConfigValue(`variants.${path}`, defaultValue)
- },
- addUtilities(utilities, variants) {
- addedUtilities.push({
- utilities,
- variants,
- })
- },
- }
-
- plugin()(pluginApi)
-
- expect(addedUtilities).toEqual([
- {
- utilities: {
- '.fill-purple': { fill: 'purple' },
- '.fill-white-25': { fill: 'rgba(255,255,255,.25)' },
- '.fill-white-50': { fill: 'rgba(255,255,255,.5)' },
- '.fill-white-75': { fill: 'rgba(255,255,255,.75)' },
- '.fill-white': { fill: '#fff' },
- '.fill-red-1': { fill: 'rgb(33,0,0)' },
- '.fill-red-2': { fill: 'rgb(67,0,0)' },
- '.fill-red-3': { fill: 'rgb(100,0,0)' },
- '.fill-green-1': { fill: 'rgb(0,33,0)' },
- '.fill-green-2': { fill: 'rgb(0,67,0)' },
- '.fill-green-3': { fill: 'rgb(0,100,0)' },
- '.fill-blue-1': { fill: 'rgb(0,0,33)' },
- '.fill-blue-2': { fill: 'rgb(0,0,67)' },
- '.fill-blue-3': { fill: 'rgb(0,0,100)' },
- },
- variants: ['responsive'],
- },
- ])
-})
diff --git a/__tests__/plugins/fontSize.test.js b/__tests__/plugins/fontSize.test.js
new file mode 100644
index 000000000..5ffa31f7b
--- /dev/null
+++ b/__tests__/plugins/fontSize.test.js
@@ -0,0 +1,86 @@
+import invokePlugin from '../util/invokePlugin'
+import plugin from '../../src/plugins/fontSize'
+
+test('font-size utilities can include a default line-height', () => {
+ const config = {
+ theme: {
+ fontSize: {
+ sm: '12px',
+ md: ['16px', '24px'],
+ lg: ['20px', '28px'],
+ },
+ },
+ variants: {
+ fontSize: ['responsive'],
+ },
+ }
+
+ const { utilities } = invokePlugin(plugin(), config)
+
+ expect(utilities).toEqual([
+ [
+ {
+ '.text-sm': { 'font-size': '12px' },
+ '.text-md': { 'font-size': '16px', 'line-height': '24px' },
+ '.text-lg': { 'font-size': '20px', 'line-height': '28px' },
+ },
+ ['responsive'],
+ ],
+ ])
+})
+
+test('font-size utilities can include a default letter-spacing', () => {
+ const config = {
+ theme: {
+ fontSize: {
+ sm: '12px',
+ md: ['16px', { letterSpacing: '-0.01em' }],
+ lg: ['20px', { letterSpacing: '-0.02em' }],
+ },
+ },
+ variants: {
+ fontSize: ['responsive'],
+ },
+ }
+
+ const { utilities } = invokePlugin(plugin(), config)
+
+ expect(utilities).toEqual([
+ [
+ {
+ '.text-sm': { 'font-size': '12px' },
+ '.text-md': { 'font-size': '16px', 'letter-spacing': '-0.01em' },
+ '.text-lg': { 'font-size': '20px', 'letter-spacing': '-0.02em' },
+ },
+ ['responsive'],
+ ],
+ ])
+})
+
+test('font-size utilities can include a default line-height and letter-spacing', () => {
+ const config = {
+ theme: {
+ fontSize: {
+ sm: '12px',
+ md: ['16px', { lineHeight: '24px', letterSpacing: '-0.01em' }],
+ lg: ['20px', { lineHeight: '28px', letterSpacing: '-0.02em' }],
+ },
+ },
+ variants: {
+ fontSize: ['responsive'],
+ },
+ }
+
+ const { utilities } = invokePlugin(plugin(), config)
+
+ expect(utilities).toEqual([
+ [
+ {
+ '.text-sm': { 'font-size': '12px' },
+ '.text-md': { 'font-size': '16px', 'line-height': '24px', 'letter-spacing': '-0.01em' },
+ '.text-lg': { 'font-size': '20px', 'line-height': '28px', 'letter-spacing': '-0.02em' },
+ },
+ ['responsive'],
+ ],
+ ])
+})
diff --git a/__tests__/plugins/space.test.js b/__tests__/plugins/space.test.js
new file mode 100644
index 000000000..b5018df92
--- /dev/null
+++ b/__tests__/plugins/space.test.js
@@ -0,0 +1,97 @@
+import invokePlugin from '../util/invokePlugin'
+import plugin from '../../src/plugins/space'
+
+test('generating space utilities', () => {
+ const config = {
+ target: 'relaxed',
+ theme: {
+ space: {
+ '0': '0',
+ '1': '1px',
+ '2': '2px',
+ '4': '4px',
+ '-2': '-2px',
+ '-1': '-1px',
+ },
+ },
+ variants: {
+ space: ['responsive'],
+ },
+ }
+
+ const { utilities } = invokePlugin(plugin(), config)
+
+ expect(utilities).toEqual([
+ [
+ {
+ '.space-y-0 > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '0',
+ 'margin-top': 'calc(0px * calc(1 - var(--space-y-reverse)))',
+ 'margin-bottom': 'calc(0px * var(--space-y-reverse))',
+ },
+ '.space-x-0 > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '0',
+ 'margin-right': 'calc(0px * var(--space-x-reverse))',
+ 'margin-left': 'calc(0px * calc(1 - var(--space-x-reverse)))',
+ },
+ '.space-y-1 > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '0',
+ 'margin-top': 'calc(1px * calc(1 - var(--space-y-reverse)))',
+ 'margin-bottom': 'calc(1px * var(--space-y-reverse))',
+ },
+ '.space-x-1 > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '0',
+ 'margin-right': 'calc(1px * var(--space-x-reverse))',
+ 'margin-left': 'calc(1px * calc(1 - var(--space-x-reverse)))',
+ },
+ '.space-y-2 > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '0',
+ 'margin-top': 'calc(2px * calc(1 - var(--space-y-reverse)))',
+ 'margin-bottom': 'calc(2px * var(--space-y-reverse))',
+ },
+ '.space-x-2 > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '0',
+ 'margin-right': 'calc(2px * var(--space-x-reverse))',
+ 'margin-left': 'calc(2px * calc(1 - var(--space-x-reverse)))',
+ },
+ '.space-y-4 > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '0',
+ 'margin-top': 'calc(4px * calc(1 - var(--space-y-reverse)))',
+ 'margin-bottom': 'calc(4px * var(--space-y-reverse))',
+ },
+ '.space-x-4 > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '0',
+ 'margin-right': 'calc(4px * var(--space-x-reverse))',
+ 'margin-left': 'calc(4px * calc(1 - var(--space-x-reverse)))',
+ },
+ '.-space-y-2 > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '0',
+ 'margin-top': 'calc(-2px * calc(1 - var(--space-y-reverse)))',
+ 'margin-bottom': 'calc(-2px * var(--space-y-reverse))',
+ },
+ '.-space-x-2 > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '0',
+ 'margin-right': 'calc(-2px * var(--space-x-reverse))',
+ 'margin-left': 'calc(-2px * calc(1 - var(--space-x-reverse)))',
+ },
+ '.-space-y-1 > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '0',
+ 'margin-top': 'calc(-1px * calc(1 - var(--space-y-reverse)))',
+ 'margin-bottom': 'calc(-1px * var(--space-y-reverse))',
+ },
+ '.-space-x-1 > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '0',
+ 'margin-right': 'calc(-1px * var(--space-x-reverse))',
+ 'margin-left': 'calc(-1px * calc(1 - var(--space-x-reverse)))',
+ },
+ '.space-y-reverse > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '1',
+ },
+ '.space-x-reverse > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '1',
+ },
+ },
+ ['responsive'],
+ ],
+ ])
+})
diff --git a/__tests__/plugins/stroke.test.js b/__tests__/plugins/stroke.test.js
deleted file mode 100644
index 047907741..000000000
--- a/__tests__/plugins/stroke.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/stroke'
-
-test('colors can be a nested object', () => {
- const addedUtilities = []
-
- const config = {
- theme: {
- stroke: {
- purple: 'purple',
- white: {
- 25: 'rgba(255,255,255,.25)',
- 50: 'rgba(255,255,255,.5)',
- 75: 'rgba(255,255,255,.75)',
- default: '#fff',
- },
- red: {
- 1: 'rgb(33,0,0)',
- 2: 'rgb(67,0,0)',
- 3: 'rgb(100,0,0)',
- },
- green: {
- 1: 'rgb(0,33,0)',
- 2: 'rgb(0,67,0)',
- 3: 'rgb(0,100,0)',
- },
- blue: {
- 1: 'rgb(0,0,33)',
- 2: 'rgb(0,0,67)',
- 3: 'rgb(0,0,100)',
- },
- },
- },
- variants: {
- stroke: ['responsive'],
- },
- }
-
- const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
- const pluginApi = {
- config: getConfigValue,
- e: escapeClassName,
- theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
- variants: (path, defaultValue) => {
- if (_.isArray(config.variants)) {
- return config.variants
- }
-
- return getConfigValue(`variants.${path}`, defaultValue)
- },
- addUtilities(utilities, variants) {
- addedUtilities.push({
- utilities,
- variants,
- })
- },
- }
-
- plugin()(pluginApi)
-
- expect(addedUtilities).toEqual([
- {
- utilities: {
- '.stroke-purple': { stroke: 'purple' },
- '.stroke-white-25': { stroke: 'rgba(255,255,255,.25)' },
- '.stroke-white-50': { stroke: 'rgba(255,255,255,.5)' },
- '.stroke-white-75': { stroke: 'rgba(255,255,255,.75)' },
- '.stroke-white': { stroke: '#fff' },
- '.stroke-red-1': { stroke: 'rgb(33,0,0)' },
- '.stroke-red-2': { stroke: 'rgb(67,0,0)' },
- '.stroke-red-3': { stroke: 'rgb(100,0,0)' },
- '.stroke-green-1': { stroke: 'rgb(0,33,0)' },
- '.stroke-green-2': { stroke: 'rgb(0,67,0)' },
- '.stroke-green-3': { stroke: 'rgb(0,100,0)' },
- '.stroke-blue-1': { stroke: 'rgb(0,0,33)' },
- '.stroke-blue-2': { stroke: 'rgb(0,0,67)' },
- '.stroke-blue-3': { stroke: 'rgb(0,0,100)' },
- },
- variants: ['responsive'],
- },
- ])
-})
diff --git a/__tests__/plugins/textColor.test.js b/__tests__/plugins/textColor.test.js
deleted file mode 100644
index 078277dcb..000000000
--- a/__tests__/plugins/textColor.test.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import _ from 'lodash'
-import escapeClassName from '../../src/util/escapeClassName'
-import plugin from '../../src/plugins/textColor'
-
-test('colors can be a nested object', () => {
- const addedUtilities = []
-
- const config = {
- theme: {
- textColor: {
- purple: 'purple',
- white: {
- 25: 'rgba(255,255,255,.25)',
- 50: 'rgba(255,255,255,.5)',
- 75: 'rgba(255,255,255,.75)',
- default: '#fff',
- },
- red: {
- 1: 'rgb(33,0,0)',
- 2: 'rgb(67,0,0)',
- 3: 'rgb(100,0,0)',
- },
- green: {
- 1: 'rgb(0,33,0)',
- 2: 'rgb(0,67,0)',
- 3: 'rgb(0,100,0)',
- },
- blue: {
- 1: 'rgb(0,0,33)',
- 2: 'rgb(0,0,67)',
- 3: 'rgb(0,0,100)',
- },
- },
- },
- variants: {
- textColor: ['responsive'],
- },
- }
-
- const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue)
- const pluginApi = {
- config: getConfigValue,
- e: escapeClassName,
- theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
- variants: (path, defaultValue) => {
- if (_.isArray(config.variants)) {
- return config.variants
- }
-
- return getConfigValue(`variants.${path}`, defaultValue)
- },
- addUtilities(utilities, variants) {
- addedUtilities.push({
- utilities,
- variants,
- })
- },
- }
-
- plugin()(pluginApi)
-
- expect(addedUtilities).toEqual([
- {
- utilities: {
- '.text-purple': { color: 'purple' },
- '.text-white-25': { color: 'rgba(255,255,255,.25)' },
- '.text-white-50': { color: 'rgba(255,255,255,.5)' },
- '.text-white-75': { color: 'rgba(255,255,255,.75)' },
- '.text-white': { color: '#fff' },
- '.text-red-1': { color: 'rgb(33,0,0)' },
- '.text-red-2': { color: 'rgb(67,0,0)' },
- '.text-red-3': { color: 'rgb(100,0,0)' },
- '.text-green-1': { color: 'rgb(0,33,0)' },
- '.text-green-2': { color: 'rgb(0,67,0)' },
- '.text-green-3': { color: 'rgb(0,100,0)' },
- '.text-blue-1': { color: 'rgb(0,0,33)' },
- '.text-blue-2': { color: 'rgb(0,0,67)' },
- '.text-blue-3': { color: 'rgb(0,0,100)' },
- },
- variants: ['responsive'],
- },
- ])
-})
diff --git a/__tests__/processPlugins.test.js b/__tests__/processPlugins.test.js
index a43c2a62c..5ceea53e0 100644
--- a/__tests__/processPlugins.test.js
+++ b/__tests__/processPlugins.test.js
@@ -38,15 +38,17 @@ test('plugins can create utilities with object syntax', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
`)
@@ -80,18 +82,20 @@ test('plugins can create utilities with arrays of objects', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
- `)
+ `)
})
test('plugins can create utilities with raw PostCSS nodes', () => {
@@ -125,18 +129,20 @@ test('plugins can create utilities with raw PostCSS nodes', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
- `)
+ `)
})
test('plugins can create utilities with mixed object styles and PostCSS nodes', () => {
@@ -169,18 +175,20 @@ test('plugins can create utilities with mixed object styles and PostCSS nodes',
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
- `)
+ `)
})
test('plugins can create utilities with variants', () => {
@@ -208,18 +216,20 @@ test('plugins can create utilities with variants', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants responsive, hover, group-hover, focus {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants responsive, hover, group-hover, focus {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
- `)
+ `)
})
test('plugins can create components with object syntax', () => {
@@ -244,16 +254,20 @@ test('plugins can create components with object syntax', () => {
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .btn-blue {
- background-color: blue;
- color: white;
- padding: .5rem 1rem;
- border-radius: .25rem
+ @layer components {
+ @variants {
+ .btn-blue {
+ background-color: blue;
+ color: white;
+ padding: .5rem 1rem;
+ border-radius: .25rem
+ }
+ .btn-blue:hover {
+ background-color: darkblue
+ }
+ }
}
- .btn-blue:hover {
- background-color: darkblue
- }
- `)
+ `)
})
test('plugins can add base styles with object syntax', () => {
@@ -280,7 +294,7 @@ test('plugins can add base styles with object syntax', () => {
button {
font-family: inherit
}
- `)
+ `)
})
test('plugins can add base styles with raw PostCSS nodes', () => {
@@ -313,7 +327,7 @@ test('plugins can add base styles with raw PostCSS nodes', () => {
button {
font-family: inherit
}
- `)
+ `)
})
test('plugins can create components with raw PostCSS nodes', () => {
@@ -353,16 +367,20 @@ test('plugins can create components with raw PostCSS nodes', () => {
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .btn-blue {
- background-color: blue;
- color: white;
- padding: .5rem 1rem;
- border-radius: .25rem
+ @layer components {
+ @variants {
+ .btn-blue {
+ background-color: blue;
+ color: white;
+ padding: .5rem 1rem;
+ border-radius: .25rem
+ }
+ .btn-blue:hover {
+ background-color: darkblue
+ }
+ }
}
- .btn-blue:hover {
- background-color: darkblue
- }
- `)
+ `)
})
test('plugins can create components with mixed object styles and raw PostCSS nodes', () => {
@@ -401,16 +419,20 @@ test('plugins can create components with mixed object styles and raw PostCSS nod
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .btn-blue {
- background-color: blue;
- color: white;
- padding: .5rem 1rem;
- border-radius: .25rem
+ @layer components {
+ @variants {
+ .btn-blue {
+ background-color: blue;
+ color: white;
+ padding: .5rem 1rem;
+ border-radius: .25rem
+ }
+ .btn-blue:hover {
+ background-color: darkblue
+ }
+ }
}
- .btn-blue:hover {
- background-color: darkblue
- }
- `)
+ `)
})
test('plugins can create components with media queries with object syntax', () => {
@@ -444,25 +466,29 @@ test('plugins can create components with media queries with object syntax', () =
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .container {
- width: 100%
- }
- @media (min-width: 100px) {
- .container {
- max-width: 100px
+ @layer components {
+ @variants {
+ .container {
+ width: 100%
+ }
+ @media (min-width: 100px) {
+ .container {
+ max-width: 100px
+ }
+ }
+ @media (min-width: 200px) {
+ .container {
+ max-width: 200px
+ }
+ }
+ @media (min-width: 300px) {
+ .container {
+ max-width: 300px
+ }
+ }
}
}
- @media (min-width: 200px) {
- .container {
- max-width: 200px
- }
- }
- @media (min-width: 300px) {
- .container {
- max-width: 300px
- }
- }
- `)
+ `)
})
test('media queries can be defined multiple times using objects-in-array syntax', () => {
@@ -499,24 +525,28 @@ test('media queries can be defined multiple times using objects-in-array syntax'
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .container {
- width: 100%
- }
- @media (min-width: 100px) {
- .container {
- max-width: 100px
+ @layer components {
+ @variants {
+ .container {
+ width: 100%
+ }
+ @media (min-width: 100px) {
+ .container {
+ max-width: 100px
+ }
+ }
+ .btn {
+ padding: 1rem .5rem;
+ display: block
+ }
+ @media (min-width: 100px) {
+ .btn {
+ display: inline-block
+ }
+ }
}
}
- .btn {
- padding: 1rem .5rem;
- display: block
- }
- @media (min-width: 100px) {
- .btn {
- display: inline-block
- }
- }
- `)
+ `)
})
test('plugins can create nested rules', () => {
@@ -552,27 +582,31 @@ test('plugins can create nested rules', () => {
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .btn-blue {
- background-color: blue;
- color: white;
- padding: .5rem 1rem;
- border-radius: .25rem;
- }
- .btn-blue:hover {
- background-color: darkblue;
- }
- @media (min-width: 500px) {
- .btn-blue:hover {
- background-color: orange;
+ @layer components {
+ @variants {
+ .btn-blue {
+ background-color: blue;
+ color: white;
+ padding: .5rem 1rem;
+ border-radius: .25rem;
+ }
+ .btn-blue:hover {
+ background-color: darkblue;
+ }
+ @media (min-width: 500px) {
+ .btn-blue:hover {
+ background-color: orange;
+ }
+ }
+ .btn-blue > a {
+ color: red;
+ }
+ h1 .btn-blue {
+ color: purple;
+ }
}
}
- .btn-blue > a {
- color: red;
- }
- h1 .btn-blue {
- color: purple;
- }
- `)
+ `)
})
test('plugins can create rules with escaped selectors', () => {
@@ -591,12 +625,14 @@ test('plugins can create rules with escaped selectors', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .top-1\\/4 {
- top: 25%
+ @layer utilities {
+ @variants {
+ .top-1\\/4 {
+ top: 25%
+ }
}
}
- `)
+ `)
})
test('plugins can access the current config', () => {
@@ -633,30 +669,34 @@ test('plugins can access the current config', () => {
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .container {
- width: 100%
- }
- @media (min-width: 576px) {
- .container {
- max-width: 576px
+ @layer components {
+ @variants {
+ .container {
+ width: 100%
+ }
+ @media (min-width: 576px) {
+ .container {
+ max-width: 576px
+ }
+ }
+ @media (min-width: 768px) {
+ .container {
+ max-width: 768px
+ }
+ }
+ @media (min-width: 992px) {
+ .container {
+ max-width: 992px
+ }
+ }
+ @media (min-width: 1200px) {
+ .container {
+ max-width: 1200px
+ }
+ }
}
}
- @media (min-width: 768px) {
- .container {
- max-width: 768px
- }
- }
- @media (min-width: 992px) {
- .container {
- max-width: 992px
- }
- }
- @media (min-width: 1200px) {
- .container {
- max-width: 1200px
- }
- }
- `)
+ `)
})
test('plugins can access the variants config directly', () => {
@@ -688,18 +728,20 @@ test('plugins can access the variants config directly', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants responsive, focus, hover {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants responsive, focus, hover {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
- `)
+ `)
})
test('plugins apply all global variants when variants are configured globally', () => {
@@ -731,17 +773,81 @@ test('plugins apply all global variants when variants are configured globally',
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants responsive, focus, hover {
- .object-fill {
- object-fit: fill
+ @layer utilities {
+ @variants responsive, focus, hover {
+ .object-fill {
+ object-fit: fill
+ }
}
}
- @variants responsive, focus, hover {
- .rotate-90deg {
- transform: rotate(90deg)
+ @layer utilities {
+ @variants responsive, focus, hover {
+ .rotate-90deg {
+ transform: rotate(90deg)
+ }
}
}
- `)
+ `)
+})
+
+test('plugins can check if corePlugins are enabled', () => {
+ const { components, utilities } = processPlugins(
+ [
+ function({ addUtilities, corePlugins }) {
+ addUtilities({
+ '.test': {
+ 'text-color': corePlugins('textColor') ? 'true' : 'false',
+ opacity: corePlugins('opacity') ? 'true' : 'false',
+ },
+ })
+ },
+ ],
+ makeConfig({
+ corePlugins: { textColor: false },
+ })
+ )
+
+ expect(components.length).toBe(0)
+ expect(css(utilities)).toMatchCss(`
+ @layer utilities {
+ @variants {
+ .test {
+ text-color: false;
+ opacity: true
+ }
+ }
+ }
+ `)
+})
+
+test('plugins can check if corePlugins are enabled when using array white-listing', () => {
+ const { components, utilities } = processPlugins(
+ [
+ function({ addUtilities, corePlugins }) {
+ addUtilities({
+ '.test': {
+ 'text-color': corePlugins('textColor') ? 'true' : 'false',
+ opacity: corePlugins('opacity') ? 'true' : 'false',
+ },
+ })
+ },
+ ],
+ makeConfig({
+ corePlugins: ['textColor'],
+ })
+ )
+
+ expect(components.length).toBe(0)
+ expect(css(utilities)).toMatchCss(`
+ @layer utilities {
+ @variants {
+ .test {
+ text-color: true;
+ opacity: false
+ }
+ }
+ }
+ `)
})
test('plugins can provide fallbacks to keys missing from the config', () => {
@@ -767,10 +873,14 @@ test('plugins can provide fallbacks to keys missing from the config', () => {
expect(utilities.length).toBe(0)
expect(css(components)).toMatchCss(`
- .btn {
- border-radius: .25rem
+ @layer components {
+ @variants {
+ .btn {
+ border-radius: .25rem
+ }
+ }
}
- `)
+ `)
})
test('variants are optional when adding utilities', () => {
@@ -788,11 +898,14 @@ test('variants are optional when adding utilities', () => {
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .border-collapse {
- border-collapse: collapse
+ @layer utilities {
+ @variants {
+ .border-collapse {
+ border-collapse: collapse
+ }
}
- }`)
+ }
+ `)
})
test('plugins can add multiple sets of utilities and components', () => {
@@ -830,27 +943,39 @@ test('plugins can add multiple sets of utilities and components', () => {
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .skew-12deg {
- transform: skewY(-12deg)
+ @layer utilities {
+ @variants {
+ .skew-12deg {
+ transform: skewY(-12deg)
+ }
}
}
- @variants {
- .border-collapse {
- border-collapse: collapse
+ @layer utilities {
+ @variants {
+ .border-collapse {
+ border-collapse: collapse
+ }
}
}
- `)
+ `)
expect(css(components)).toMatchCss(`
- .card {
- padding: 1rem;
- border-radius: .25rem
+ @layer components {
+ @variants {
+ .card {
+ padding: 1rem;
+ border-radius: .25rem
+ }
+ }
}
- .btn {
- padding: 1rem .5rem;
- display: inline-block
+ @layer components {
+ @variants {
+ .btn {
+ padding: 1rem .5rem;
+ display: inline-block
+ }
+ }
}
- `)
+ `)
})
test('plugins respect prefix and important options by default when adding utilities', () => {
@@ -871,12 +996,14 @@ test('plugins respect prefix and important options by default when adding utilit
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .tw-rotate-90 {
- transform: rotate(90deg) !important
+ @layer utilities {
+ @variants {
+ .tw-rotate-90 {
+ transform: rotate(90deg) !important
+ }
}
}
- `)
+ `)
})
test('when important is a selector it is used to scope utilities instead of adding !important', () => {
@@ -896,12 +1023,33 @@ test('when important is a selector it is used to scope utilities instead of addi
)
expect(css(utilities)).toMatchCss(`
- @variants {
- #app .rotate-90 {
- transform: rotate(90deg)
+ @layer utilities {
+ @variants {
+ #app .rotate-90 {
+ transform: rotate(90deg)
+ }
}
}
- `)
+ `)
+})
+
+test('when important contains a class an error is thrown', () => {
+ expect(() => {
+ processPlugins(
+ [
+ function({ addUtilities }) {
+ addUtilities({
+ '.rotate-90': {
+ transform: 'rotate(90deg)',
+ },
+ })
+ },
+ ],
+ makeConfig({
+ important: '#app .project',
+ })
+ )
+ }).toThrow()
})
test('when important is a selector it scopes all selectors in a rule, even though defining utilities like this is stupid', () => {
@@ -921,12 +1069,14 @@ test('when important is a selector it scopes all selectors in a rule, even thoug
)
expect(css(utilities)).toMatchCss(`
- @variants {
- #app .rotate-90, #app .rotate-1\\/4 {
- transform: rotate(90deg)
+ @layer utilities {
+ @variants {
+ #app .rotate-90, #app .rotate-1\\/4 {
+ transform: rotate(90deg)
+ }
}
}
- `)
+ `)
})
test('important utilities are not made double important when important option is used', () => {
@@ -946,12 +1096,14 @@ test('important utilities are not made double important when important option is
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .rotate-90 {
- transform: rotate(90deg) !important
+ @layer utilities {
+ @variants {
+ .rotate-90 {
+ transform: rotate(90deg) !important
+ }
}
}
- `)
+ `)
})
test("component declarations respect the 'prefix' option by default", () => {
@@ -971,10 +1123,14 @@ test("component declarations respect the 'prefix' option by default", () => {
)
expect(css(components)).toMatchCss(`
- .tw-btn-blue {
- background-color: blue
+ @layer components {
+ @variants {
+ .tw-btn-blue {
+ background-color: blue
+ }
+ }
}
- `)
+ `)
})
test('all selectors in a rule are prefixed', () => {
@@ -999,18 +1155,24 @@ test('all selectors in a rule are prefixed', () => {
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .tw-rotate-90, .tw-rotate-1\\/4 {
- transform: rotate(90deg)
+ @layer utilities {
+ @variants {
+ .tw-rotate-90, .tw-rotate-1\\/4 {
+ transform: rotate(90deg)
+ }
}
}
- `)
+ `)
expect(css(components)).toMatchCss(`
- .tw-btn-blue, .tw-btn-red {
- padding: 10px
+ @layer components {
+ @variants {
+ .tw-btn-blue, .tw-btn-red {
+ padding: 10px
+ }
+ }
}
- `)
+ `)
})
test("component declarations can optionally ignore 'prefix' option", () => {
@@ -1033,10 +1195,97 @@ test("component declarations can optionally ignore 'prefix' option", () => {
)
expect(css(components)).toMatchCss(`
- .btn-blue {
- background-color: blue
+ @layer components {
+ @variants {
+ .btn-blue {
+ background-color: blue
+ }
+ }
}
- `)
+ `)
+})
+
+test('plugins can create components with variants', () => {
+ const { components } = processPlugins(
+ [
+ function({ addComponents }) {
+ addComponents(
+ {
+ '.btn-blue': {
+ backgroundColor: 'blue',
+ },
+ },
+ { variants: ['responsive'] }
+ )
+ },
+ ],
+ makeConfig()
+ )
+
+ expect(css(components)).toMatchCss(`
+ @layer components {
+ @variants responsive {
+ .btn-blue {
+ background-color: blue
+ }
+ }
+ }
+ `)
+})
+
+test('plugins can use the array shorthand to add variants to components', () => {
+ const { components } = processPlugins(
+ [
+ function({ addComponents }) {
+ addComponents(
+ {
+ '.btn-blue': {
+ backgroundColor: 'blue',
+ },
+ },
+ ['responsive', 'hover']
+ )
+ },
+ ],
+ makeConfig()
+ )
+
+ expect(css(components)).toMatchCss(`
+ @layer components {
+ @variants responsive, hover {
+ .btn-blue {
+ background-color: blue
+ }
+ }
+ }
+ `)
+})
+
+test('components that add variants manually do not add an extra variants wrapper', () => {
+ const { components } = processPlugins(
+ [
+ function({ addComponents }) {
+ addComponents({
+ '@variants responsive': {
+ '.btn-blue': {
+ backgroundColor: 'blue',
+ },
+ },
+ })
+ },
+ ],
+ makeConfig()
+ )
+
+ expect(css(components)).toMatchCss(`
+ @layer components {
+ @variants responsive {
+ .btn-blue {
+ background-color: blue
+ }
+ }
+ }
+ `)
})
test("component declarations are not affected by the 'important' option", () => {
@@ -1056,10 +1305,14 @@ test("component declarations are not affected by the 'important' option", () =>
)
expect(css(components)).toMatchCss(`
- .btn-blue {
- background-color: blue
+ @layer components {
+ @variants {
+ .btn-blue {
+ background-color: blue
+ }
+ }
}
- `)
+ `)
})
test("plugins can apply the user's chosen prefix to components manually", () => {
@@ -1082,10 +1335,14 @@ test("plugins can apply the user's chosen prefix to components manually", () =>
)
expect(css(components)).toMatchCss(`
- .tw-btn-blue {
- background-color: blue
+ @layer components {
+ @variants {
+ .tw-btn-blue {
+ background-color: blue
+ }
+ }
}
- `)
+ `)
})
test('prefix can optionally be ignored for utilities', () => {
@@ -1111,12 +1368,14 @@ test('prefix can optionally be ignored for utilities', () => {
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .rotate-90 {
- transform: rotate(90deg) !important
+ @layer utilities {
+ @variants {
+ .rotate-90 {
+ transform: rotate(90deg) !important
+ }
}
}
- `)
+ `)
})
test('important can optionally be ignored for utilities', () => {
@@ -1142,12 +1401,14 @@ test('important can optionally be ignored for utilities', () => {
)
expect(css(utilities)).toMatchCss(`
- @variants {
- .tw-rotate-90 {
- transform: rotate(90deg)
+ @layer utilities {
+ @variants {
+ .tw-rotate-90 {
+ transform: rotate(90deg)
+ }
}
}
- `)
+ `)
})
test('variants can still be specified when ignoring prefix and important options', () => {
@@ -1175,12 +1436,14 @@ test('variants can still be specified when ignoring prefix and important options
)
expect(css(utilities)).toMatchCss(`
- @variants responsive, hover, focus {
- .rotate-90 {
- transform: rotate(90deg)
+ @layer utilities {
+ @variants responsive, hover, focus {
+ .rotate-90 {
+ transform: rotate(90deg)
+ }
}
}
- `)
+ `)
})
test('prefix will prefix all classes in a selector', () => {
@@ -1203,10 +1466,14 @@ test('prefix will prefix all classes in a selector', () => {
)
expect(css(components)).toMatchCss(`
- .tw-btn-blue .tw-w-1\\/4 > h1.tw-text-xl + a .tw-bar {
- background-color: blue
+ @layer components {
+ @variants {
+ .tw-btn-blue .tw-w-1\\/4 > h1.tw-text-xl + a .tw-bar {
+ background-color: blue
+ }
+ }
}
- `)
+ `)
})
test('plugins can be provided as an object with a handler function', () => {
@@ -1233,15 +1500,17 @@ test('plugins can be provided as an object with a handler function', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
`)
@@ -1276,15 +1545,17 @@ test('plugins can provide a config but no handler', () => {
expect(components.length).toBe(0)
expect(css(utilities)).toMatchCss(`
- @variants {
- .object-fill {
- object-fit: fill
- }
- .object-contain {
- object-fit: contain
- }
- .object-cover {
- object-fit: cover
+ @layer utilities {
+ @variants {
+ .object-fill {
+ object-fit: fill
+ }
+ .object-contain {
+ object-fit: contain
+ }
+ .object-cover {
+ object-fit: cover
+ }
}
}
`)
diff --git a/__tests__/purgeUnusedStyles.test.js b/__tests__/purgeUnusedStyles.test.js
new file mode 100644
index 000000000..118f21725
--- /dev/null
+++ b/__tests__/purgeUnusedStyles.test.js
@@ -0,0 +1,319 @@
+import fs from 'fs'
+import path from 'path'
+import postcss from 'postcss'
+import tailwind from '../src/index'
+import defaultConfig from '../stubs/defaultConfig.stub.js'
+
+const config = {
+ ...defaultConfig,
+ theme: {
+ extend: {
+ colors: {
+ 'black!': '#000',
+ },
+ spacing: {
+ '1.5': '0.375rem',
+ '(1/2+8)': 'calc(50% + 2rem)',
+ },
+ minHeight: {
+ '(screen-4)': 'calc(100vh - 1rem)',
+ },
+ fontFamily: {
+ '%#$@': 'Comic Sans',
+ },
+ },
+ },
+}
+
+function assertPurged(result) {
+ expect(result.css).not.toContain('.bg-red-600')
+ expect(result.css).not.toContain('.w-1\\/3')
+ expect(result.css).not.toContain('.flex')
+ expect(result.css).not.toContain('.font-sans')
+ expect(result.css).not.toContain('.text-right')
+ expect(result.css).not.toContain('.px-4')
+ expect(result.css).not.toContain('.h-full')
+
+ expect(result.css).toContain('.bg-red-500')
+ expect(result.css).toContain('.md\\:bg-blue-300')
+ expect(result.css).toContain('.w-1\\/2')
+ expect(result.css).toContain('.block')
+ expect(result.css).toContain('.md\\:flow-root')
+ expect(result.css).toContain('.h-screen')
+ expect(result.css).toContain('.min-h-\\(screen-4\\)')
+ expect(result.css).toContain('.bg-black\\!')
+ expect(result.css).toContain('.font-\\%\\#\\$\\@')
+ expect(result.css).toContain('.w-\\(1\\/2\\+8\\)')
+ expect(result.css).toContain('.inline-grid')
+ expect(result.css).toContain('.grid-cols-3')
+ expect(result.css).toContain('.px-1\\.5')
+ expect(result.css).toContain('.col-span-2')
+ expect(result.css).toContain('.col-span-1')
+ expect(result.css).toContain('.text-center')
+ expect(result.css).toContain('.flow-root')
+ expect(result.css).toContain('.text-green-700')
+ expect(result.css).toContain('.bg-green-100')
+ expect(result.css).toContain('.text-left')
+ expect(result.css).toContain('.font-mono')
+ expect(result.css).toContain('.col-span-4')
+ expect(result.css).toContain('.tracking-tight')
+ expect(result.css).toContain('.tracking-tight')
+}
+
+test('purges unused classes', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'production'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ purge: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+
+ assertPurged(result)
+ })
+})
+
+test('does not purge components', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'production'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ purge: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+
+ expect(result.css).toContain('.container')
+ assertPurged(result)
+ })
+})
+
+test('does not purge except in production', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'development'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...defaultConfig,
+ purge: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
+test('does not purge if the array is empty', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'production'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...defaultConfig,
+ purge: [],
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
+test('does not purge if explicitly disabled', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'production'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...defaultConfig,
+ purge: { enabled: false },
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
+test('does not purge if purge is simply false', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'production'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...defaultConfig,
+ purge: false,
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
+test('purges outside of production if explicitly enabled', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'development'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ purge: { enabled: true, content: [path.resolve(`${__dirname}/fixtures/**/*.html`)] },
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+
+ assertPurged(result)
+ })
+})
+
+test('purgecss options can be provided', () => {
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ purge: {
+ enabled: true,
+ options: {
+ content: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+ whitelist: ['md:bg-green-500'],
+ },
+ },
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ expect(result.css).toContain('.md\\:bg-green-500')
+ assertPurged(result)
+ })
+})
+
+test('can purge all CSS, not just Tailwind classes', () => {
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ purge: {
+ enabled: true,
+ mode: 'all',
+ content: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+ },
+ }),
+ function(css) {
+ // Remove any comments to avoid accidentally asserting against them
+ // instead of against real CSS rules.
+ css.walkComments(c => c.remove())
+ },
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ expect(result.css).toContain('html')
+ expect(result.css).toContain('body')
+ expect(result.css).toContain('samp')
+ expect(result.css).not.toContain('button')
+ expect(result.css).not.toContain('legend')
+ expect(result.css).not.toContain('progress')
+
+ assertPurged(result)
+ })
+})
+
+test('the `conservative` mode can be set explicitly', () => {
+ const OLD_NODE_ENV = process.env.NODE_ENV
+ process.env.NODE_ENV = 'production'
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ purge: {
+ mode: 'conservative',
+ content: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+ },
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ process.env.NODE_ENV = OLD_NODE_ENV
+
+ expect(result.css).not.toContain('.bg-red-600')
+ expect(result.css).not.toContain('.w-1\\/3')
+ expect(result.css).not.toContain('.flex')
+ expect(result.css).not.toContain('.font-sans')
+ expect(result.css).not.toContain('.text-right')
+ expect(result.css).not.toContain('.px-4')
+ expect(result.css).not.toContain('.h-full')
+
+ expect(result.css).toContain('.bg-red-500')
+ expect(result.css).toContain('.md\\:bg-blue-300')
+ expect(result.css).toContain('.w-1\\/2')
+ expect(result.css).toContain('.block')
+ expect(result.css).toContain('.md\\:flow-root')
+ expect(result.css).toContain('.h-screen')
+ expect(result.css).toContain('.min-h-\\(screen-4\\)')
+ expect(result.css).toContain('.bg-black\\!')
+ expect(result.css).toContain('.font-\\%\\#\\$\\@')
+ expect(result.css).toContain('.w-\\(1\\/2\\+8\\)')
+ expect(result.css).toContain('.inline-grid')
+ expect(result.css).toContain('.grid-cols-3')
+ expect(result.css).toContain('.px-1\\.5')
+ expect(result.css).toContain('.col-span-2')
+ expect(result.css).toContain('.col-span-1')
+ expect(result.css).toContain('.text-center')
+ })
+})
diff --git a/__tests__/responsiveAtRule.test.js b/__tests__/responsiveAtRule.test.js
index 63c6319a4..a3d05efe9 100644
--- a/__tests__/responsiveAtRule.test.js
+++ b/__tests__/responsiveAtRule.test.js
@@ -12,23 +12,33 @@ test('it can generate responsive variants', () => {
.banana { color: yellow; }
.chocolate { color: brown; }
}
+
+ @tailwind screens;
`
const output = `
+ @layer utilities {
.banana { color: yellow; }
.chocolate { color: brown; }
- @media (min-width: 500px) {
+ }
+ @media (min-width: 500px) {
+ @layer utilities {
.sm\\:banana { color: yellow; }
.sm\\:chocolate { color: brown; }
}
- @media (min-width: 750px) {
+ }
+ @media (min-width: 750px) {
+ @layer utilities {
.md\\:banana { color: yellow; }
.md\\:chocolate { color: brown; }
}
- @media (min-width: 1000px) {
+ }
+ @media (min-width: 1000px) {
+ @layer utilities {
.lg\\:banana { color: yellow; }
.lg\\:chocolate { color: brown; }
}
+ }
`
return run(input, {
@@ -52,23 +62,33 @@ test('it can generate responsive variants with a custom separator', () => {
.banana { color: yellow; }
.chocolate { color: brown; }
}
+
+ @tailwind screens;
`
const output = `
+ @layer utilities {
.banana { color: yellow; }
.chocolate { color: brown; }
- @media (min-width: 500px) {
+ }
+ @media (min-width: 500px) {
+ @layer utilities {
.sm__banana { color: yellow; }
.sm__chocolate { color: brown; }
}
- @media (min-width: 750px) {
+ }
+ @media (min-width: 750px) {
+ @layer utilities {
.md__banana { color: yellow; }
.md__chocolate { color: brown; }
}
- @media (min-width: 1000px) {
+ }
+ @media (min-width: 1000px) {
+ @layer utilities {
.lg__banana { color: yellow; }
.lg__chocolate { color: brown; }
}
+ }
`
return run(input, {
@@ -92,23 +112,33 @@ test('it can generate responsive variants when classes have non-standard charact
.hover\\:banana { color: yellow; }
.chocolate-2\\.5 { color: brown; }
}
+
+ @tailwind screens;
`
const output = `
+ @layer utilities {
.hover\\:banana { color: yellow; }
.chocolate-2\\.5 { color: brown; }
- @media (min-width: 500px) {
+ }
+ @media (min-width: 500px) {
+ @layer utilities {
.sm\\:hover\\:banana { color: yellow; }
.sm\\:chocolate-2\\.5 { color: brown; }
}
- @media (min-width: 750px) {
+ }
+ @media (min-width: 750px) {
+ @layer utilities {
.md\\:hover\\:banana { color: yellow; }
.md\\:chocolate-2\\.5 { color: brown; }
}
- @media (min-width: 1000px) {
+ }
+ @media (min-width: 1000px) {
+ @layer utilities {
.lg\\:hover\\:banana { color: yellow; }
.lg\\:chocolate-2\\.5 { color: brown; }
}
+ }
`
return run(input, {
@@ -137,24 +167,42 @@ test('responsive variants are grouped', () => {
@responsive {
.chocolate { color: brown; }
}
+
+ @tailwind screens;
`
const output = `
+ @layer utilities {
.banana { color: yellow; }
- .apple { color: red; }
+ }
+ .apple { color: red; }
+ @layer utilities {
.chocolate { color: brown; }
- @media (min-width: 500px) {
+ }
+ @media (min-width: 500px) {
+ @layer utilities {
.sm\\:banana { color: yellow; }
+ }
+ @layer utilities {
.sm\\:chocolate { color: brown; }
}
- @media (min-width: 750px) {
+ }
+ @media (min-width: 750px) {
+ @layer utilities {
.md\\:banana { color: yellow; }
+ }
+ @layer utilities {
.md\\:chocolate { color: brown; }
}
- @media (min-width: 1000px) {
+ }
+ @media (min-width: 1000px) {
+ @layer utilities {
.lg\\:banana { color: yellow; }
+ }
+ @layer utilities {
.lg\\:chocolate { color: brown; }
}
+ }
`
return run(input, {
@@ -181,39 +229,47 @@ test('it can generate responsive variants for nested at-rules', () => {
.grid\\:banana { color: blue; }
}
}
+
+ @tailwind screens;
`
const output = `
- .banana {
- color: yellow;
- }
-
- @supports(display: grid) {
- .grid\\:banana {
- color: blue;
- }
- }
-
- @media (min-width: 500px) {
- .sm\\:banana {
+ @layer utilities {
+ .banana {
color: yellow;
}
@supports(display: grid) {
- .sm\\:grid\\:banana {
+ .grid\\:banana {
color: blue;
}
}
}
- @media (min-width: 1000px) {
- .lg\\:banana {
- color: yellow;
- }
+ @media (min-width: 500px) {
+ @layer utilities {
+ .sm\\:banana {
+ color: yellow;
+ }
- @supports(display: grid) {
- .lg\\:grid\\:banana {
- color: blue;
+ @supports(display: grid) {
+ .sm\\:grid\\:banana {
+ color: blue;
+ }
+ }
+ }
+ }
+
+ @media (min-width: 1000px) {
+ @layer utilities {
+ .lg\\:banana {
+ color: yellow;
+ }
+
+ @supports(display: grid) {
+ .lg\\:grid\\:banana {
+ color: blue;
+ }
}
}
}
@@ -244,44 +300,52 @@ test('it can generate responsive variants for deeply nested at-rules', () => {
}
}
}
+
+ @tailwind screens;
`
const output = `
- .banana {
- color: yellow;
- }
-
- @supports(display: grid) {
- @supports(display: flex) {
- .flex-grid\\:banana {
- color: blue;
- }
- }
- }
-
- @media (min-width: 500px) {
- .sm\\:banana {
+ @layer utilities {
+ .banana {
color: yellow;
}
@supports(display: grid) {
@supports(display: flex) {
- .sm\\:flex-grid\\:banana {
+ .flex-grid\\:banana {
color: blue;
}
}
}
}
- @media (min-width: 1000px) {
- .lg\\:banana {
- color: yellow;
- }
+ @media (min-width: 500px) {
+ @layer utilities {
+ .sm\\:banana {
+ color: yellow;
+ }
- @supports(display: grid) {
- @supports(display: flex) {
- .lg\\:flex-grid\\:banana {
- color: blue;
+ @supports(display: grid) {
+ @supports(display: flex) {
+ .sm\\:flex-grid\\:banana {
+ color: blue;
+ }
+ }
+ }
+ }
+ }
+
+ @media (min-width: 1000px) {
+ @layer utilities {
+ .lg\\:banana {
+ color: yellow;
+ }
+
+ @supports(display: grid) {
+ @supports(display: flex) {
+ .lg\\:flex-grid\\:banana {
+ color: blue;
+ }
}
}
}
@@ -307,19 +371,29 @@ test('screen prefix is only applied to the last class in a selector', () => {
@responsive {
.banana li * .sandwich #foo > div { color: yellow; }
}
+
+ @tailwind screens;
`
const output = `
+ @layer utilities {
.banana li * .sandwich #foo > div { color: yellow; }
- @media (min-width: 500px) {
+ }
+ @media (min-width: 500px) {
+ @layer utilities {
.banana li * .sm\\:sandwich #foo > div { color: yellow; }
}
- @media (min-width: 750px) {
+ }
+ @media (min-width: 750px) {
+ @layer utilities {
.banana li * .md\\:sandwich #foo > div { color: yellow; }
}
- @media (min-width: 1000px) {
+ }
+ @media (min-width: 1000px) {
+ @layer utilities {
.banana li * .lg\\:sandwich #foo > div { color: yellow; }
}
+ }
`
return run(input, {
@@ -342,19 +416,29 @@ test('responsive variants are generated for all selectors in a rule', () => {
@responsive {
.foo, .bar { color: yellow; }
}
+
+ @tailwind screens;
`
const output = `
+ @layer utilities {
.foo, .bar { color: yellow; }
- @media (min-width: 500px) {
+ }
+ @media (min-width: 500px) {
+ @layer utilities {
.sm\\:foo, .sm\\:bar { color: yellow; }
}
- @media (min-width: 750px) {
+ }
+ @media (min-width: 750px) {
+ @layer utilities {
.md\\:foo, .md\\:bar { color: yellow; }
}
- @media (min-width: 1000px) {
+ }
+ @media (min-width: 1000px) {
+ @layer utilities {
.lg\\:foo, .lg\\:bar { color: yellow; }
}
+ }
`
return run(input, {
@@ -377,6 +461,8 @@ test('selectors with no classes cannot be made responsive', () => {
@responsive {
div { color: yellow; }
}
+
+ @tailwind screens;
`
expect.assertions(1)
return run(input, {
@@ -398,6 +484,8 @@ test('all selectors in a rule must contain classes', () => {
@responsive {
.foo, div { color: yellow; }
}
+
+ @tailwind screens;
`
expect.assertions(1)
return run(input, {
diff --git a/__tests__/sanity.test.js b/__tests__/sanity.test.js
index b27f1aae3..e02111c90 100644
--- a/__tests__/sanity.test.js
+++ b/__tests__/sanity.test.js
@@ -52,6 +52,56 @@ it('generates the right CSS when using @import instead of @tailwind', () => {
})
})
+it('generates the right CSS when enabling flagged features', () => {
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ experimental: {
+ uniformColorPalette: true,
+ },
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output-flagged.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
+// TODO: Move to per plugin unit tests for this sort of thing
+it('generates the right CSS when color opacity plugins are disabled', () => {
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([
+ tailwind({
+ ...config,
+ corePlugins: {
+ textOpacity: false,
+ backgroundOpacity: false,
+ borderOpacity: false,
+ placeholderOpacity: false,
+ divideOpacity: false,
+ },
+ }),
+ ])
+ .process(input, { from: inputPath })
+ .then(result => {
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output-no-color-opacity.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
it('does not add any CSS if no Tailwind features are used', () => {
return postcss([tailwind()])
.process('.foo { color: blue; }', { from: undefined })
@@ -77,3 +127,19 @@ it('generates the right CSS with implicit screen utilities', () => {
expect(result.css).toBe(expected)
})
})
+
+it('generates the right CSS when "important" is enabled', () => {
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([tailwind({ ...config, important: true })])
+ .process(input, { from: inputPath })
+ .then(result => {
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output-important.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
diff --git a/__tests__/targetMode.test.js b/__tests__/targetMode.test.js
new file mode 100644
index 000000000..0ee722751
--- /dev/null
+++ b/__tests__/targetMode.test.js
@@ -0,0 +1,201 @@
+import fs from 'fs'
+import path from 'path'
+import postcss from 'postcss'
+import tailwind from '../src/index'
+import config from '../stubs/defaultConfig.stub.js'
+import processPlugins from '../src/util/processPlugins'
+import runInTempDirectory from '../jest/runInTempDirectory'
+
+function css(nodes) {
+ return postcss.root({ nodes }).toString()
+}
+
+it('generates the right CSS in IE11 mode', () => {
+ const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+ const input = fs.readFileSync(inputPath, 'utf8')
+
+ return postcss([tailwind({ ...config, target: 'ie11' })])
+ .process(input, { from: inputPath })
+ .then(result => {
+ const expected = fs.readFileSync(
+ path.resolve(`${__dirname}/fixtures/tailwind-output-ie11.css`),
+ 'utf8'
+ )
+
+ expect(result.css).toBe(expected)
+ })
+})
+
+test('plugins can request the target for a specific plugin key', () => {
+ const { utilities } = processPlugins(
+ [
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.testA': {
+ target: target('testPluginA'),
+ },
+ })
+ },
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.testB': {
+ target: target('testPluginB'),
+ },
+ })
+ },
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.testC': {
+ target: target('testPluginC'),
+ },
+ })
+ },
+ ],
+ {
+ ...config,
+ target: [
+ 'ie11',
+ {
+ testPluginA: 'modern',
+ testPluginB: 'relaxed',
+ },
+ ],
+ }
+ )
+
+ expect(css(utilities)).toMatchCss(`
+ @layer utilities {
+ @variants {
+ .testA {
+ target: modern
+ }
+ }
+ }
+ @layer utilities {
+ @variants {
+ .testB {
+ target: relaxed
+ }
+ }
+ }
+ @layer utilities {
+ @variants {
+ .testC {
+ target: ie11
+ }
+ }
+ }
+ `)
+})
+
+test('browserslist target is translated to a target preset', () => {
+ return runInTempDirectory(() => {
+ fs.writeFileSync(
+ path.resolve('./.browserslistrc'),
+ `
+ last 2 versions
+ IE 11
+ `
+ )
+ const { utilities } = processPlugins(
+ [
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.test': {
+ target: target('testPlugin'),
+ },
+ })
+ },
+ ],
+ {
+ ...config,
+ target: 'browserslist',
+ }
+ )
+
+ expect(css(utilities)).toMatchCss(`
+ @layer utilities {
+ @variants {
+ .test {
+ target: ie11
+ }
+ }
+ }
+ `)
+
+ return Promise.resolve()
+ })
+})
+
+test('browserslist target is translated to a target preset with overrides', () => {
+ return runInTempDirectory(() => {
+ fs.writeFileSync(
+ path.resolve('./.browserslistrc'),
+ `
+ last 2 versions
+ IE 11
+ `
+ )
+ const { utilities } = processPlugins(
+ [
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.testA': {
+ target: target('testPluginA'),
+ },
+ })
+ },
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.testB': {
+ target: target('testPluginB'),
+ },
+ })
+ },
+ function({ addUtilities, target }) {
+ addUtilities({
+ '.testC': {
+ target: target('testPluginC'),
+ },
+ })
+ },
+ ],
+ {
+ ...config,
+ target: [
+ 'browserslist',
+ {
+ testPluginA: 'modern',
+ testPluginB: 'relaxed',
+ },
+ ],
+ }
+ )
+
+ expect(css(utilities)).toMatchCss(`
+ @layer utilities {
+ @variants {
+ .testA {
+ target: modern
+ }
+ }
+ }
+ @layer utilities {
+ @variants {
+ .testB {
+ target: relaxed
+ }
+ }
+ }
+ @layer utilities {
+ @variants {
+ .testC {
+ target: ie11
+ }
+ }
+ }
+ `)
+
+ return Promise.resolve()
+ })
+})
diff --git a/__tests__/util/invokePlugin.js b/__tests__/util/invokePlugin.js
index a2ed90c92..7be75212a 100644
--- a/__tests__/util/invokePlugin.js
+++ b/__tests__/util/invokePlugin.js
@@ -16,6 +16,15 @@ export default function(plugin, config) {
return getConfigValue(`variants.${path}`, defaultValue)
},
+ target: path => {
+ if (_.isString(config.target)) {
+ return config.target
+ }
+
+ const [defaultTarget, targetOverrides] = getConfigValue('target')
+
+ return _.get(targetOverrides, path, defaultTarget)
+ },
addUtilities(utilities, variants) {
addedUtilities.push([utilities, variants])
},
@@ -24,6 +33,9 @@ export default function(plugin, config) {
plugin(pluginApi)
return {
- utilities: addedUtilities,
+ utilities: addedUtilities.map(([utilities, variants]) => [
+ _.merge({}, ..._.castArray(utilities)),
+ variants,
+ ]),
}
}
diff --git a/__tests__/variantsAtRule.test.js b/__tests__/variantsAtRule.test.js
index 7433a90cb..9a4123c06 100644
--- a/__tests__/variantsAtRule.test.js
+++ b/__tests__/variantsAtRule.test.js
@@ -51,6 +51,27 @@ test('it can generate disabled variants', () => {
})
})
+test('it can generate checked variants', () => {
+ const input = `
+ @variants checked {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ .checked\\:banana:checked { color: yellow; }
+ .checked\\:chocolate:checked { color: brown; }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
test('it can generate active variants', () => {
const input = `
@variants active {
@@ -135,6 +156,187 @@ test('it can generate focus-within variants', () => {
})
})
+test('it can generate focus-visible variants', () => {
+ const input = `
+ @variants focus-visible {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ .focus-visible\\:banana:focus-visible { color: yellow; }
+ .focus-visible\\:chocolate:focus-visible { color: brown; }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('it can generate motion-reduce variants', () => {
+ const input = `
+ @variants motion-reduce {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ @media (prefers-reduced-motion: reduce) {
+ .motion-reduce\\:banana { color: yellow; }
+ .motion-reduce\\:chocolate { color: brown; }
+ }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('it can generate motion-safe variants', () => {
+ const input = `
+ @variants motion-safe {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ @media (prefers-reduced-motion: no-preference) {
+ .motion-safe\\:banana { color: yellow; }
+ .motion-safe\\:chocolate { color: brown; }
+ }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('it can generate motion-safe and motion-reduce variants', () => {
+ const input = `
+ @variants motion-safe, motion-reduce {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ @media (prefers-reduced-motion: no-preference) {
+ .motion-safe\\:banana { color: yellow; }
+ .motion-safe\\:chocolate { color: brown; }
+ }
+ @media (prefers-reduced-motion: reduce) {
+ .motion-reduce\\:banana { color: yellow; }
+ .motion-reduce\\:chocolate { color: brown; }
+ }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('motion-reduce variants stack with basic variants', () => {
+ const input = `
+ @variants motion-reduce, hover {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ .hover\\:banana:hover { color: yellow; }
+ .hover\\:chocolate:hover { color: brown; }
+ @media (prefers-reduced-motion: reduce) {
+ .motion-reduce\\:banana { color: yellow; }
+ .motion-reduce\\:chocolate { color: brown; }
+ .motion-reduce\\:hover\\:banana:hover { color: yellow; }
+ .motion-reduce\\:hover\\:chocolate:hover { color: brown; }
+ }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('motion-safe variants stack with basic variants', () => {
+ const input = `
+ @variants motion-safe, hover {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ .hover\\:banana:hover { color: yellow; }
+ .hover\\:chocolate:hover { color: brown; }
+ @media (prefers-reduced-motion: no-preference) {
+ .motion-safe\\:banana { color: yellow; }
+ .motion-safe\\:chocolate { color: brown; }
+ .motion-safe\\:hover\\:banana:hover { color: yellow; }
+ .motion-safe\\:hover\\:chocolate:hover { color: brown; }
+ }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('motion-safe and motion-reduce variants stack with basic variants', () => {
+ const input = `
+ @variants motion-reduce, motion-safe, hover {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ .hover\\:banana:hover { color: yellow; }
+ .hover\\:chocolate:hover { color: brown; }
+ @media (prefers-reduced-motion: reduce) {
+ .motion-reduce\\:banana { color: yellow; }
+ .motion-reduce\\:chocolate { color: brown; }
+ .motion-reduce\\:hover\\:banana:hover { color: yellow; }
+ .motion-reduce\\:hover\\:chocolate:hover { color: brown; }
+ }
+ @media (prefers-reduced-motion: no-preference) {
+ .motion-safe\\:banana { color: yellow; }
+ .motion-safe\\:chocolate { color: brown; }
+ .motion-safe\\:hover\\:banana:hover { color: yellow; }
+ .motion-safe\\:hover\\:chocolate:hover { color: brown; }
+ }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
test('it can generate first-child variants', () => {
const input = `
@variants first {
@@ -264,6 +466,51 @@ test('group-hover variants respect any configured prefix', () => {
})
})
+test('it can generate group-focus variants', () => {
+ const input = `
+ @variants group-focus {
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .banana { color: yellow; }
+ .chocolate { color: brown; }
+ .group:focus .group-focus\\:banana { color: yellow; }
+ .group:focus .group-focus\\:chocolate { color: brown; }
+ `
+
+ return run(input).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
+test('group-focus variants respect any configured prefix', () => {
+ const input = `
+ @variants group-focus {
+ .tw-banana { color: yellow; }
+ .tw-chocolate { color: brown; }
+ }
+ `
+
+ const output = `
+ .tw-banana { color: yellow; }
+ .tw-chocolate { color: brown; }
+ .tw-group:focus .group-focus\\:tw-banana { color: yellow; }
+ .tw-group:focus .group-focus\\:tw-chocolate { color: brown; }
+ `
+
+ return run(input, {
+ ...config,
+ prefix: 'tw-',
+ }).then(result => {
+ expect(result.css).toMatchCss(output)
+ expect(result.warnings().length).toBe(0)
+ })
+})
+
test('it can generate hover, active and focus variants', () => {
const input = `
@variants group-hover, hover, focus, active {
@@ -370,7 +617,7 @@ test('variants are generated in the order specified', () => {
test('the built-in variant pseudo-selectors are appended before any pseudo-elements', () => {
const input = `
- @variants hover, focus-within, focus, active, group-hover {
+ @variants hover, focus-within, focus-visible, focus, active, group-hover {
.placeholder-yellow::placeholder { color: yellow; }
}
`
@@ -379,6 +626,7 @@ test('the built-in variant pseudo-selectors are appended before any pseudo-eleme
.placeholder-yellow::placeholder { color: yellow; }
.hover\\:placeholder-yellow:hover::placeholder { color: yellow; }
.focus-within\\:placeholder-yellow:focus-within::placeholder { color: yellow; }
+ .focus-visible\\:placeholder-yellow:focus-visible::placeholder { color: yellow; }
.focus\\:placeholder-yellow:focus::placeholder { color: yellow; }
.active\\:placeholder-yellow:active::placeholder { color: yellow; }
.group:hover .group-hover\\:placeholder-yellow::placeholder { color: yellow; }
@@ -579,7 +827,10 @@ test('plugin variants can wrap rules in another at-rule using the raw PostCSS AP
...config.plugins,
function({ addVariant, e }) {
addVariant('supports-grid', ({ container, separator }) => {
- const supportsRule = postcss.atRule({ name: 'supports', params: '(display: grid)' })
+ const supportsRule = postcss.atRule({
+ name: 'supports',
+ params: '(display: grid)',
+ })
supportsRule.nodes = container.nodes
container.nodes = [supportsRule]
supportsRule.walkRules(rule => {
diff --git a/__tests__/withAlphaVariable.test.js b/__tests__/withAlphaVariable.test.js
new file mode 100644
index 000000000..ff5d3a529
--- /dev/null
+++ b/__tests__/withAlphaVariable.test.js
@@ -0,0 +1,97 @@
+import withAlphaVariable from '../src/util/withAlphaVariable'
+
+test('it adds the right custom property', () => {
+ expect(
+ withAlphaVariable({ color: '#ff0000', property: 'color', variable: '--text-opacity' })
+ ).toEqual({
+ '--text-opacity': '1',
+ color: ['#ff0000', 'rgba(255, 0, 0, var(--text-opacity))'],
+ })
+})
+
+test('it ignores colors that cannot be parsed', () => {
+ expect(
+ withAlphaVariable({
+ color: 'currentColor',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': 'currentColor',
+ })
+})
+
+test('it ignores colors that already have an alpha channel', () => {
+ expect(
+ withAlphaVariable({
+ color: '#ff0000ff',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': '#ff0000ff',
+ })
+ expect(
+ withAlphaVariable({
+ color: '#ff000080',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': '#ff000080',
+ })
+ expect(
+ withAlphaVariable({
+ color: '#f00a',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': '#f00a',
+ })
+ expect(
+ withAlphaVariable({
+ color: '#f00f',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': '#f00f',
+ })
+ expect(
+ withAlphaVariable({
+ color: 'rgba(255, 255, 255, 1)',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': 'rgba(255, 255, 255, 1)',
+ })
+ expect(
+ withAlphaVariable({
+ color: 'rgba(255, 255, 255, 0.5)',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': 'rgba(255, 255, 255, 0.5)',
+ })
+ expect(
+ withAlphaVariable({
+ color: 'hsla(240, 100%, 50%, 1)',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': 'hsla(240, 100%, 50%, 1)',
+ })
+ expect(
+ withAlphaVariable({
+ color: 'hsla(240, 100%, 50%, 0.5)',
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ ).toEqual({
+ 'background-color': 'hsla(240, 100%, 50%, 0.5)',
+ })
+})
diff --git a/package.json b/package.json
index 6e75f9cb9..4543c33fe 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "tailwindcss",
- "version": "1.2.0",
+ "version": "1.6.2",
"description": "A utility-first CSS framework for rapidly building custom user interfaces.",
"license": "MIT",
"main": "lib/index.js",
@@ -25,12 +25,20 @@
"style": "eslint .",
"test": "jest && eslint ."
},
+ "files": [
+ "dist/*.css",
+ "lib/*",
+ "scripts/*.js",
+ "stubs/*.stub.js",
+ "*.css",
+ "*.js"
+ ],
"devDependencies": {
"@babel/cli": "^7.0.0",
"@babel/core": "^7.0.0",
"@babel/node": "^7.0.0",
"@babel/preset-env": "^7.0.0",
- "babel-jest": "^25.1.0",
+ "babel-jest": "^26.0.0",
"clean-css": "^4.1.9",
"eslint": "^6.0.1",
"eslint-config-postcss": "^2.0.2",
@@ -41,11 +49,14 @@
"rimraf": "^3.0.0"
},
"dependencies": {
+ "@fullhuman/postcss-purgecss": "^2.1.2",
"autoprefixer": "^9.4.5",
+ "browserslist": "^4.12.0",
"bytes": "^3.0.0",
- "chalk": "^4.0.0",
+ "chalk": "^3.0.0 || ^4.0.0",
+ "color": "^3.1.2",
"detective": "^5.2.0",
- "fs-extra": "^9.0.0",
+ "fs-extra": "^8.0.0",
"lodash": "^4.17.15",
"node-emoji": "^1.8.1",
"normalize.css": "^8.0.1",
diff --git a/scripts/build.js b/scripts/build.js
index 8379c54d9..843e8cc73 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -14,13 +14,9 @@ function buildDistFile(filename) {
.process(css, {
from: `./${filename}.css`,
to: `./dist/${filename}.css`,
- map: { inline: false },
})
.then(result => {
fs.writeFileSync(`./dist/${filename}.css`, result.css)
- if (result.map) {
- fs.writeFileSync(`./dist/${filename}.css.map`, result.map)
- }
return result
})
.then(result => {
diff --git a/scripts/rebuildFixtures.js b/scripts/rebuildFixtures.js
index 707b9920b..866e857ac 100644
--- a/scripts/rebuildFixtures.js
+++ b/scripts/rebuildFixtures.js
@@ -39,6 +39,34 @@ Promise.all([
to: '__tests__/fixtures/tailwind-output-important.css',
config: { important: true },
}),
+ build({
+ from: '__tests__/fixtures/tailwind-input.css',
+ to: '__tests__/fixtures/tailwind-output-ie11.css',
+ config: { target: 'ie11' },
+ }),
+ build({
+ from: '__tests__/fixtures/tailwind-input.css',
+ to: '__tests__/fixtures/tailwind-output-no-color-opacity.css',
+ config: {
+ corePlugins: {
+ textOpacity: false,
+ backgroundOpacity: false,
+ borderOpacity: false,
+ placeholderOpacity: false,
+ divideOpacity: false,
+ },
+ },
+ }),
+ build({
+ from: '__tests__/fixtures/tailwind-input.css',
+ to: '__tests__/fixtures/tailwind-output-flagged.css',
+ config: {
+ future: {},
+ experimental: {
+ uniformColorPalette: true,
+ },
+ },
+ }),
]).then(() => {
console.log('\nFinished rebuilding fixtures.')
console.log(
diff --git a/src/cli/commands/build.js b/src/cli/commands/build.js
index 6d79b48f7..3b840a415 100644
--- a/src/cli/commands/build.js
+++ b/src/cli/commands/build.js
@@ -4,7 +4,6 @@ import prettyHrtime from 'pretty-hrtime'
import tailwind from '../..'
-import commands from '.'
import compile from '../compile'
import * as colors from '../colors'
import * as emoji from '../emoji'
@@ -45,18 +44,6 @@ function stop(...msgs) {
utils.die()
}
-/**
- * Prints the error message and help for this command, then stops the process.
- *
- * @param {...string} [msgs]
- */
-function stopWithHelp(...msgs) {
- utils.header()
- utils.error(...msgs)
- commands.help.forCommand(commands.build)
- utils.die()
-}
-
/**
* Compiles CSS file and writes it to stdout.
*
@@ -80,7 +67,12 @@ function buildToFile(compileOptions, startTime) {
utils.header()
utils.log()
- utils.log(emoji.go, 'Building...', colors.file(inputFileSimplePath))
+ utils.log(
+ emoji.go,
+ ...(inputFileSimplePath
+ ? ['Building:', colors.file(inputFileSimplePath)]
+ : ['Building from default CSS...', colors.info('(No input file provided)')])
+ )
return compile(compileOptions).then(result => {
utils.writeFile(compileOptions.outputFile, result.css)
@@ -112,8 +104,9 @@ export function run(cliParams, cliOptions) {
const inputFileSimplePath = utils.getSimplePath(inputFile)
const configFileSimplePath = utils.getSimplePath(configFile)
- !inputFile && stopWithHelp('CSS file is required.')
- !utils.exists(inputFile) && stop(colors.file(inputFileSimplePath), 'does not exist.')
+ if (inputFile) {
+ !utils.exists(inputFile) && stop(colors.file(inputFileSimplePath), 'does not exist.')
+ }
configFile &&
!utils.exists(configFile) &&
diff --git a/src/cli/compile.js b/src/cli/compile.js
index 956d5e789..dcfc64086 100644
--- a/src/cli/compile.js
+++ b/src/cli/compile.js
@@ -25,7 +25,14 @@ const defaultOptions = {
*/
export default function compile(options = {}) {
const config = { ...defaultOptions, ...options }
- const css = utils.readFile(config.inputFile)
+
+ const css = config.inputFile
+ ? utils.readFile(config.inputFile)
+ : `
+ @tailwind base;
+ @tailwind components;
+ @tailwind utilities;
+ `
return new Promise((resolve, reject) => {
postcss(config.plugins)
diff --git a/src/cli/emoji.js b/src/cli/emoji.js
index 586557066..e5548b715 100644
--- a/src/cli/emoji.js
+++ b/src/cli/emoji.js
@@ -5,3 +5,4 @@ export const no = get('no_entry_sign')
export const go = get('rocket')
export const pack = get('package')
export const disk = get('floppy_disk')
+export const warning = get('warning')
diff --git a/src/corePlugins.js b/src/corePlugins.js
index ce66a9049..2a14f2b0e 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -1,5 +1,8 @@
import preflight from './plugins/preflight'
import container from './plugins/container'
+import space from './plugins/space'
+import divideWidth from './plugins/divideWidth'
+import divideColor from './plugins/divideColor'
import accessibility from './plugins/accessibility'
import appearance from './plugins/appearance'
import backgroundAttachment from './plugins/backgroundAttachment'
@@ -43,6 +46,7 @@ import objectPosition from './plugins/objectPosition'
import opacity from './plugins/opacity'
import outline from './plugins/outline'
import overflow from './plugins/overflow'
+import overscrollBehavior from './plugins/overscrollBehavior'
import padding from './plugins/padding'
import placeholderColor from './plugins/placeholderColor'
import pointerEvents from './plugins/pointerEvents'
@@ -89,6 +93,12 @@ import transitionProperty from './plugins/transitionProperty'
import transitionTimingFunction from './plugins/transitionTimingFunction'
import transitionDuration from './plugins/transitionDuration'
import transitionDelay from './plugins/transitionDelay'
+import divideOpacity from './plugins/divideOpacity'
+import backgroundOpacity from './plugins/backgroundOpacity'
+import borderOpacity from './plugins/borderOpacity'
+import textOpacity from './plugins/textOpacity'
+import placeholderOpacity from './plugins/placeholderOpacity'
+import animation from './plugins/animation'
import configurePlugins from './util/configurePlugins'
@@ -96,15 +106,21 @@ export default function({ corePlugins: corePluginConfig }) {
return configurePlugins(corePluginConfig, {
preflight,
container,
+ space,
+ divideWidth,
+ divideColor,
+ divideOpacity,
accessibility,
appearance,
backgroundAttachment,
backgroundColor,
+ backgroundOpacity,
backgroundPosition,
backgroundRepeat,
backgroundSize,
borderCollapse,
borderColor,
+ borderOpacity,
borderRadius,
borderStyle,
borderWidth,
@@ -126,6 +142,7 @@ export default function({ corePlugins: corePluginConfig }) {
fontFamily,
fontWeight,
height,
+ fontSize,
lineHeight,
listStylePosition,
listStyleType,
@@ -139,8 +156,10 @@ export default function({ corePlugins: corePluginConfig }) {
opacity,
outline,
overflow,
+ overscrollBehavior,
padding,
placeholderColor,
+ placeholderOpacity,
pointerEvents,
position,
inset,
@@ -152,7 +171,7 @@ export default function({ corePlugins: corePluginConfig }) {
tableLayout,
textAlign,
textColor,
- fontSize,
+ textOpacity,
fontStyle,
textTransform,
textDecoration,
@@ -185,5 +204,6 @@ export default function({ corePlugins: corePluginConfig }) {
transitionTimingFunction,
transitionDuration,
transitionDelay,
+ animation,
})
}
diff --git a/src/flagged/uniformColorPalette.js b/src/flagged/uniformColorPalette.js
new file mode 100644
index 000000000..f18f91302
--- /dev/null
+++ b/src/flagged/uniformColorPalette.js
@@ -0,0 +1,132 @@
+export default {
+ theme: {
+ colors: {
+ transparent: 'transparent',
+ current: 'currentColor',
+
+ black: '#000000',
+ white: '#ffffff',
+
+ gray: {
+ '50': '#f9fafb',
+ '100': '#f4f5f7',
+ '200': '#e5e7eb',
+ '300': '#d2d6dc',
+ '400': '#9fa6b2',
+ '500': '#6b7280',
+ '600': '#4b5563',
+ '700': '#374151',
+ '800': '#252f3f',
+ '900': '#161e2e',
+ },
+ red: {
+ '50': '#fdf2f2',
+ '100': '#fde8e8',
+ '200': '#fbd5d5',
+ '300': '#f8b4b4',
+ '400': '#f98080',
+ '500': '#f05252',
+ '600': '#e02424',
+ '700': '#c81e1e',
+ '800': '#9b1c1c',
+ '900': '#771d1d',
+ },
+ orange: {
+ '50': '#fff8f1',
+ '100': '#feecdc',
+ '200': '#fcd9bd',
+ '300': '#fdba8c',
+ '400': '#ff8a4c',
+ '500': '#ff5a1f',
+ '600': '#d03801',
+ '700': '#b43403',
+ '800': '#8a2c0d',
+ '900': '#73230d',
+ },
+ yellow: {
+ '50': '#fdfdea',
+ '100': '#fdf6b2',
+ '200': '#fce96a',
+ '300': '#faca15',
+ '400': '#e3a008',
+ '500': '#c27803',
+ '600': '#9f580a',
+ '700': '#8e4b10',
+ '800': '#723b13',
+ '900': '#633112',
+ },
+ green: {
+ '50': '#f3faf7',
+ '100': '#def7ec',
+ '200': '#bcf0da',
+ '300': '#84e1bc',
+ '400': '#31c48d',
+ '500': '#0e9f6e',
+ '600': '#057a55',
+ '700': '#046c4e',
+ '800': '#03543f',
+ '900': '#014737',
+ },
+ teal: {
+ '50': '#edfafa',
+ '100': '#d5f5f6',
+ '200': '#afecef',
+ '300': '#7edce2',
+ '400': '#16bdca',
+ '500': '#0694a2',
+ '600': '#047481',
+ '700': '#036672',
+ '800': '#05505c',
+ '900': '#014451',
+ },
+ blue: {
+ '50': '#ebf5ff',
+ '100': '#e1effe',
+ '200': '#c3ddfd',
+ '300': '#a4cafe',
+ '400': '#76a9fa',
+ '500': '#3f83f8',
+ '600': '#1c64f2',
+ '700': '#1a56db',
+ '800': '#1e429f',
+ '900': '#233876',
+ },
+ indigo: {
+ '50': '#f0f5ff',
+ '100': '#e5edff',
+ '200': '#cddbfe',
+ '300': '#b4c6fc',
+ '400': '#8da2fb',
+ '500': '#6875f5',
+ '600': '#5850ec',
+ '700': '#5145cd',
+ '800': '#42389d',
+ '900': '#362f78',
+ },
+ purple: {
+ '50': '#f6f5ff',
+ '100': '#edebfe',
+ '200': '#dcd7fe',
+ '300': '#cabffd',
+ '400': '#ac94fa',
+ '500': '#9061f9',
+ '600': '#7e3af2',
+ '700': '#6c2bd9',
+ '800': '#5521b5',
+ '900': '#4a1d96',
+ },
+ pink: {
+ '50': '#fdf2f8',
+ '100': '#fce8f3',
+ '200': '#fad1e8',
+ '300': '#f8b4d9',
+ '400': '#f17eb8',
+ '500': '#e74694',
+ '600': '#d61f69',
+ '700': '#bf125d',
+ '800': '#99154b',
+ '900': '#751a3d',
+ },
+ },
+ },
+}
diff --git a/src/index.js b/src/index.js
index 9dd2ab582..900813338 100644
--- a/src/index.js
+++ b/src/index.js
@@ -10,9 +10,20 @@ import processTailwindFeatures from './processTailwindFeatures'
import formatCSS from './lib/formatCSS'
import resolveConfig from './util/resolveConfig'
import { defaultConfigFile } from './constants'
-
import defaultConfig from '../stubs/defaultConfig.stub.js'
+import uniformColorPalette from './flagged/uniformColorPalette.js'
+
+function getDefaultConfigs(config) {
+ const configs = [defaultConfig]
+
+ if (_.get(config, ['experimental', 'uniformColorPalette'], false)) {
+ configs.unshift(uniformColorPalette)
+ }
+
+ return configs
+}
+
function resolveConfigPath(filePath) {
// require('tailwindcss')({ theme: ..., variants: ... })
if (_.isObject(filePath) && !_.has(filePath, 'config') && !_.isEmpty(filePath)) {
@@ -46,18 +57,21 @@ function resolveConfigPath(filePath) {
const getConfigFunction = config => () => {
if (_.isUndefined(config) && !_.isObject(config)) {
- return resolveConfig([defaultConfig])
+ return resolveConfig([...getDefaultConfigs(defaultConfig)])
}
- if (!_.isObject(config)) {
- getModuleDependencies(config).forEach(mdl => {
- delete require.cache[require.resolve(mdl.file)]
- })
+ // Skip this if Jest is running: https://github.com/facebook/jest/pull/9841#issuecomment-621417584
+ if (process.env.JEST_WORKER_ID === undefined) {
+ if (!_.isObject(config)) {
+ getModuleDependencies(config).forEach(mdl => {
+ delete require.cache[require.resolve(mdl.file)]
+ })
+ }
}
const configObject = _.isObject(config) ? _.get(config, 'config', config) : require(config)
- return resolveConfig([configObject, defaultConfig])
+ return resolveConfig([configObject, ...getDefaultConfigs(configObject)])
}
const plugin = postcss.plugin('tailwind', config => {
diff --git a/src/lib/convertLayerAtRulesToControlComments.js b/src/lib/convertLayerAtRulesToControlComments.js
new file mode 100644
index 000000000..d2bcf0a7e
--- /dev/null
+++ b/src/lib/convertLayerAtRulesToControlComments.js
@@ -0,0 +1,13 @@
+import postcss from 'postcss'
+
+export default function convertLayerAtRulesToControlComments() {
+ return function(css) {
+ css.walkAtRules('layer', atRule => {
+ const layer = atRule.params
+ atRule.before(postcss.comment({ text: `tailwind start ${layer}` }))
+ atRule.before(atRule.nodes)
+ atRule.before(postcss.comment({ text: `tailwind end ${layer}` }))
+ atRule.remove()
+ })
+ }
+}
diff --git a/src/lib/purgeUnusedStyles.js b/src/lib/purgeUnusedStyles.js
new file mode 100644
index 000000000..e496b14e5
--- /dev/null
+++ b/src/lib/purgeUnusedStyles.js
@@ -0,0 +1,91 @@
+import _ from 'lodash'
+import postcss from 'postcss'
+import purgecss from '@fullhuman/postcss-purgecss'
+import chalk from 'chalk'
+import { log } from '../cli/utils'
+import * as emoji from '../cli/emoji'
+
+function removeTailwindComments(css) {
+ css.walkComments(comment => {
+ switch (comment.text.trim()) {
+ case 'tailwind start components':
+ case 'tailwind start utilities':
+ case 'tailwind end components':
+ case 'tailwind end utilities':
+ comment.remove()
+ break
+ default:
+ break
+ }
+ })
+}
+
+export default function purgeUnusedUtilities(config) {
+ const purgeEnabled = _.get(
+ config,
+ 'purge.enabled',
+ config.purge !== false && config.purge !== undefined && process.env.NODE_ENV === 'production'
+ )
+
+ if (!purgeEnabled) {
+ return removeTailwindComments
+ }
+
+ // Skip if `purge: []` since that's part of the default config
+ if (Array.isArray(config.purge) && config.purge.length === 0) {
+ log()
+ log(
+ emoji.warning,
+ chalk.yellow(
+ ' Tailwind is not purging unused styles because no template paths have been provided.'
+ )
+ )
+ log(
+ chalk.white(
+ ' If you have manually configured PurgeCSS outside of Tailwind or are deliberately not\n removing unused styles, set `purge: false` in your Tailwind config file to silence\n this warning.'
+ )
+ )
+ log(
+ chalk.white('\n https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css')
+ )
+ return removeTailwindComments
+ }
+
+ return postcss([
+ function(css) {
+ const mode = _.get(config, 'purge.mode', 'conservative')
+
+ if (mode === 'conservative') {
+ css.prepend(postcss.comment({ text: 'purgecss start ignore' }))
+ css.append(postcss.comment({ text: 'purgecss end ignore' }))
+
+ css.walkComments(comment => {
+ switch (comment.text.trim()) {
+ case 'tailwind start utilities':
+ comment.text = 'purgecss end ignore'
+ break
+ case 'tailwind end utilities':
+ comment.text = 'purgecss start ignore'
+ break
+ default:
+ break
+ }
+ })
+ }
+ },
+ removeTailwindComments,
+ purgecss({
+ content: Array.isArray(config.purge) ? config.purge : config.purge.content,
+ defaultExtractor: content => {
+ // Capture as liberally as possible, including things like `h-(screen-1.5)`
+ const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []
+
+ // Capture classes within other delimiters like .block(class="w-1/2") in Pug
+ const innerMatches = content.match(/[^<>"'`\s.(){}[\]#=%]*[^<>"'`\s.(){}[\]#=%:]/g) || []
+
+ return broadMatches.concat(innerMatches)
+ },
+ ...config.purge.options,
+ }),
+ ])
+}
diff --git a/src/lib/substituteResponsiveAtRules.js b/src/lib/substituteResponsiveAtRules.js
index 04e9b687f..debc18f67 100644
--- a/src/lib/substituteResponsiveAtRules.js
+++ b/src/lib/substituteResponsiveAtRules.js
@@ -4,8 +4,51 @@ import cloneNodes from '../util/cloneNodes'
import buildMediaQuery from '../util/buildMediaQuery'
import buildSelectorVariant from '../util/buildSelectorVariant'
+function isLayer(node) {
+ if (Array.isArray(node)) {
+ return node.length === 1 && isLayer(node[0])
+ }
+ return node.type === 'atrule' && node.name === 'layer'
+}
+
+function layerNodes(nodes) {
+ return isLayer(nodes) ? nodes[0].nodes : nodes
+}
+
export default function(config) {
return function(css) {
+ // Wrap any `responsive` rules with a copy of their parent `layer` to
+ // ensure the layer isn't lost when copying to the `screens` location.
+ css.walkAtRules('layer', layerAtRule => {
+ const layer = layerAtRule.params
+ layerAtRule.walkAtRules('responsive', responsiveAtRule => {
+ const nestedlayerAtRule = postcss.atRule({
+ name: 'layer',
+ params: layer,
+ })
+ nestedlayerAtRule.prepend(responsiveAtRule.nodes)
+ responsiveAtRule.removeAll()
+ responsiveAtRule.prepend(nestedlayerAtRule)
+ })
+ })
+
+ // Find any `responsive` rules with no parent `layer` (these only come
+ // from the user's CSS, Tailwind never generates things this way itself)
+ // and wrap them with a default `layer` of `utilities`.
+ css.walkAtRules('responsive', responsiveAtRule => {
+ const [node] = responsiveAtRule.nodes
+ if (node.type === 'atrule' && node.name === 'layer') {
+ return
+ }
+ const nestedlayerAtRule = postcss.atRule({
+ name: 'layer',
+ params: 'utilities',
+ })
+ nestedlayerAtRule.prepend(responsiveAtRule.nodes)
+ responsiveAtRule.removeAll()
+ responsiveAtRule.prepend(nestedlayerAtRule)
+ })
+
const {
theme: { screens },
separator,
@@ -16,7 +59,16 @@ export default function(config) {
css.walkAtRules('responsive', atRule => {
const nodes = atRule.nodes
responsiveRules.append(...cloneNodes(nodes))
- atRule.before(nodes)
+
+ // If the parent is already a `layer` (this is true for anything coming from
+ // a plugin, including core plugins) we don't want to create a double nested
+ // layer, so only insert the layer children. If there is no parent layer,
+ // preserve the layer information when inserting the nodes.
+ if (isLayer(atRule.parent)) {
+ atRule.before(layerNodes(nodes))
+ } else {
+ atRule.before(nodes)
+ }
atRule.remove()
})
@@ -43,22 +95,16 @@ export default function(config) {
const hasScreenRules = finalRules.some(i => i.nodes.length !== 0)
- if (!hasScreenRules) {
- return
- }
-
- let includesScreensExplicitly = false
-
css.walkAtRules('tailwind', atRule => {
- if (atRule.params === 'screens') {
- atRule.replaceWith(finalRules)
- includesScreensExplicitly = true
+ if (atRule.params !== 'screens') {
+ return
}
- })
- if (!includesScreensExplicitly) {
- css.append(finalRules)
- return
- }
+ if (hasScreenRules) {
+ atRule.before(finalRules)
+ }
+
+ atRule.remove()
+ })
}
}
diff --git a/src/lib/substituteTailwindAtRules.js b/src/lib/substituteTailwindAtRules.js
index d82a28692..4354d2847 100644
--- a/src/lib/substituteTailwindAtRules.js
+++ b/src/lib/substituteTailwindAtRules.js
@@ -40,6 +40,8 @@ export default function(
}
})
+ let includesScreensExplicitly = false
+
css.walkAtRules('tailwind', atRule => {
if (atRule.params === 'preflight') {
// prettier-ignore
@@ -60,6 +62,14 @@ export default function(
atRule.before(updateSource(pluginUtilities, atRule.source))
atRule.remove()
}
+
+ if (atRule.params === 'screens') {
+ includesScreensExplicitly = true
+ }
})
+
+ if (!includesScreensExplicitly) {
+ css.append([postcss.atRule({ name: 'tailwind', params: 'screens' })])
+ }
}
}
diff --git a/src/lib/substituteVariantsAtRules.js b/src/lib/substituteVariantsAtRules.js
index 6cfca755d..578d57343 100644
--- a/src/lib/substituteVariantsAtRules.js
+++ b/src/lib/substituteVariantsAtRules.js
@@ -23,6 +23,33 @@ function ensureIncludesDefault(variants) {
const defaultVariantGenerators = config => ({
default: generateVariantFunction(() => {}),
+ 'motion-safe': generateVariantFunction(({ container, separator, modifySelectors }) => {
+ const modified = modifySelectors(({ selector }) => {
+ return selectorParser(selectors => {
+ selectors.walkClasses(sel => {
+ sel.value = `motion-safe${separator}${sel.value}`
+ })
+ }).processSync(selector)
+ })
+ const mediaQuery = postcss.atRule({
+ name: 'media',
+ params: '(prefers-reduced-motion: no-preference)',
+ })
+ mediaQuery.append(modified)
+ container.append(mediaQuery)
+ }),
+ 'motion-reduce': generateVariantFunction(({ container, separator, modifySelectors }) => {
+ const modified = modifySelectors(({ selector }) => {
+ return selectorParser(selectors => {
+ selectors.walkClasses(sel => {
+ sel.value = `motion-reduce${separator}${sel.value}`
+ })
+ }).processSync(selector)
+ })
+ const mediaQuery = postcss.atRule({ name: 'media', params: '(prefers-reduced-motion: reduce)' })
+ mediaQuery.append(modified)
+ container.append(mediaQuery)
+ }),
'group-hover': generateVariantFunction(({ modifySelectors, separator }) => {
return modifySelectors(({ selector }) => {
return selectorParser(selectors => {
@@ -36,18 +63,55 @@ const defaultVariantGenerators = config => ({
}).processSync(selector)
})
}),
+ 'group-focus': generateVariantFunction(({ modifySelectors, separator }) => {
+ return modifySelectors(({ selector }) => {
+ return selectorParser(selectors => {
+ selectors.walkClasses(sel => {
+ sel.value = `group-focus${separator}${sel.value}`
+ sel.parent.insertBefore(
+ sel,
+ selectorParser().astSync(prefixSelector(config.prefix, '.group:focus '))
+ )
+ })
+ }).processSync(selector)
+ })
+ }),
hover: generatePseudoClassVariant('hover'),
'focus-within': generatePseudoClassVariant('focus-within'),
+ 'focus-visible': generatePseudoClassVariant('focus-visible'),
focus: generatePseudoClassVariant('focus'),
active: generatePseudoClassVariant('active'),
visited: generatePseudoClassVariant('visited'),
disabled: generatePseudoClassVariant('disabled'),
+ checked: generatePseudoClassVariant('checked'),
first: generatePseudoClassVariant('first-child', 'first'),
last: generatePseudoClassVariant('last-child', 'last'),
odd: generatePseudoClassVariant('nth-child(odd)', 'odd'),
even: generatePseudoClassVariant('nth-child(even)', 'even'),
})
+function prependStackableVariants(atRule, variants) {
+ const stackableVariants = ['motion-safe', 'motion-reduce']
+
+ if (!_.some(variants, v => stackableVariants.includes(v))) {
+ return variants
+ }
+
+ if (_.every(variants, v => stackableVariants.includes(v))) {
+ return variants
+ }
+
+ const variantsParent = postcss.atRule({
+ name: 'variants',
+ params: variants.filter(v => stackableVariants.includes(v)).join(', '),
+ })
+ atRule.before(variantsParent)
+ variantsParent.append(atRule)
+ variants = _.without(variants, ...stackableVariants)
+
+ return variants
+}
+
export default function(config, { variantGenerators: pluginVariantGenerators }) {
return function(css) {
const variantGenerators = {
@@ -55,20 +119,34 @@ export default function(config, { variantGenerators: pluginVariantGenerators })
...pluginVariantGenerators,
}
- css.walkAtRules('variants', atRule => {
- const variants = postcss.list.comma(atRule.params).filter(variant => variant !== '')
+ let variantsFound = false
- if (variants.includes('responsive')) {
- const responsiveParent = postcss.atRule({ name: 'responsive' })
- atRule.before(responsiveParent)
- responsiveParent.append(atRule)
- }
+ do {
+ variantsFound = false
+ css.walkAtRules('variants', atRule => {
+ variantsFound = true
- _.forEach(_.without(ensureIncludesDefault(variants), 'responsive'), variant => {
- variantGenerators[variant](atRule, config)
+ let variants = postcss.list.comma(atRule.params).filter(variant => variant !== '')
+
+ if (variants.includes('responsive')) {
+ const responsiveParent = postcss.atRule({ name: 'responsive' })
+ atRule.before(responsiveParent)
+ responsiveParent.append(atRule)
+ }
+
+ const remainingVariants = prependStackableVariants(atRule, variants)
+
+ _.forEach(_.without(ensureIncludesDefault(remainingVariants), 'responsive'), variant => {
+ if (!variantGenerators[variant]) {
+ throw new Error(
+ `Your config mentions the "${variant}" variant, but "${variant}" doesn't appear to be a variant. Did you forget or misconfigure a plugin that supplies that variant?`
+ )
+ }
+ variantGenerators[variant](atRule, config)
+ })
+
+ atRule.remove()
})
-
- atRule.remove()
- })
+ } while (variantsFound)
}
}
diff --git a/src/plugins/animation.js b/src/plugins/animation.js
new file mode 100644
index 000000000..28732d8ae
--- /dev/null
+++ b/src/plugins/animation.js
@@ -0,0 +1,26 @@
+import _ from 'lodash'
+
+export default function() {
+ return function({ addUtilities, e, theme, variants }) {
+ const keyframesConfig = theme('keyframes')
+ const keyframesStyles = _.fromPairs(
+ _.toPairs(keyframesConfig).map(([name, keyframes]) => {
+ return [`@keyframes ${name}`, keyframes]
+ })
+ )
+ addUtilities(keyframesStyles, { respectImportant: false })
+
+ const animationConfig = theme('animation')
+ const utilities = _.fromPairs(
+ _.toPairs(animationConfig).map(([suffix, animation]) => {
+ return [
+ `.${e(`animate-${suffix}`)}`,
+ {
+ animation,
+ },
+ ]
+ })
+ )
+ addUtilities(utilities, variants('animation'))
+ }
+}
diff --git a/src/plugins/backgroundColor.js b/src/plugins/backgroundColor.js
index f532dfe40..2b129e949 100644
--- a/src/plugins/backgroundColor.js
+++ b/src/plugins/backgroundColor.js
@@ -1,16 +1,30 @@
import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
export default function() {
- return function({ addUtilities, e, theme, variants }) {
+ return function({ addUtilities, e, theme, variants, target, corePlugins }) {
+ const colors = flattenColorPalette(theme('backgroundColor'))
+
+ const getProperties = value => {
+ if (target('backgroundColor') === 'ie11') {
+ return { 'background-color': value }
+ }
+
+ if (corePlugins('backgroundOpacity')) {
+ return withAlphaVariable({
+ color: value,
+ property: 'background-color',
+ variable: '--bg-opacity',
+ })
+ }
+
+ return { 'background-color': value }
+ }
+
const utilities = _.fromPairs(
- _.map(flattenColorPalette(theme('backgroundColor')), (value, modifier) => {
- return [
- `.${e(`bg-${modifier}`)}`,
- {
- 'background-color': value,
- },
- ]
+ _.map(colors, (value, modifier) => {
+ return [`.${e(`bg-${modifier}`)}`, getProperties(value)]
})
)
diff --git a/src/plugins/backgroundOpacity.js b/src/plugins/backgroundOpacity.js
new file mode 100644
index 000000000..58abeb6be
--- /dev/null
+++ b/src/plugins/backgroundOpacity.js
@@ -0,0 +1,14 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+ return function({ target, ...args }) {
+ if (target('backgroundOpacity') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('backgroundOpacity', [['bg-opacity', ['--bg-opacity']]])({
+ target,
+ ...args,
+ })
+ }
+}
diff --git a/src/plugins/borderColor.js b/src/plugins/borderColor.js
index 112e6555c..ac855c382 100644
--- a/src/plugins/borderColor.js
+++ b/src/plugins/borderColor.js
@@ -1,18 +1,30 @@
import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
export default function() {
- return function({ addUtilities, e, theme, variants }) {
+ return function({ addUtilities, e, theme, variants, target, corePlugins }) {
const colors = flattenColorPalette(theme('borderColor'))
+ const getProperties = value => {
+ if (target('borderColor') === 'ie11') {
+ return { 'border-color': value }
+ }
+
+ if (corePlugins('borderOpacity')) {
+ return withAlphaVariable({
+ color: value,
+ property: 'border-color',
+ variable: '--border-opacity',
+ })
+ }
+
+ return { 'border-color': value }
+ }
+
const utilities = _.fromPairs(
_.map(_.omit(colors, 'default'), (value, modifier) => {
- return [
- `.${e(`border-${modifier}`)}`,
- {
- 'border-color': value,
- },
- ]
+ return [`.${e(`border-${modifier}`)}`, getProperties(value)]
})
)
diff --git a/src/plugins/borderOpacity.js b/src/plugins/borderOpacity.js
new file mode 100644
index 000000000..268714dea
--- /dev/null
+++ b/src/plugins/borderOpacity.js
@@ -0,0 +1,14 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+ return function({ target, ...args }) {
+ if (target('borderOpacity') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('borderOpacity', [['border-opacity', ['--border-opacity']]])({
+ target,
+ ...args,
+ })
+ }
+}
diff --git a/src/plugins/container.js b/src/plugins/container.js
index 269e6da29..440f323d6 100644
--- a/src/plugins/container.js
+++ b/src/plugins/container.js
@@ -22,9 +22,64 @@ function extractMinWidths(breakpoints) {
})
}
+function mapMinWidthsToPadding(minWidths, screens, paddings) {
+ if (typeof paddings === 'undefined') {
+ return []
+ }
+
+ if (!_.isObject(paddings)) {
+ return [
+ {
+ screen: 'default',
+ minWidth: 0,
+ padding: paddings,
+ },
+ ]
+ }
+
+ const mapping = []
+
+ if (paddings.default) {
+ mapping.push({
+ screen: 'default',
+ minWidth: 0,
+ padding: paddings.default,
+ })
+ }
+
+ _.each(minWidths, minWidth => {
+ Object.keys(screens).forEach(screen => {
+ if (`${screens[screen]}` === `${minWidth}`) {
+ mapping.push({
+ screen,
+ minWidth,
+ padding: paddings[screen],
+ })
+ }
+ })
+ })
+
+ return mapping
+}
+
module.exports = function() {
- return function({ addComponents, theme }) {
- const minWidths = extractMinWidths(theme('container.screens', theme('screens')))
+ return function({ addComponents, theme, variants }) {
+ const screens = theme('container.screens', theme('screens'))
+ const minWidths = extractMinWidths(screens)
+ const paddings = mapMinWidthsToPadding(minWidths, screens, theme('container.padding'))
+
+ const generatePaddingFor = minWidth => {
+ const paddingConfig = _.find(paddings, padding => `${padding.minWidth}` === `${minWidth}`)
+
+ if (!paddingConfig) {
+ return {}
+ }
+
+ return {
+ paddingRight: paddingConfig.padding,
+ paddingLeft: paddingConfig.padding,
+ }
+ }
const atRules = _(minWidths)
.sortBy(minWidth => parseInt(minWidth))
@@ -34,26 +89,25 @@ module.exports = function() {
[`@media (min-width: ${minWidth})`]: {
'.container': {
'max-width': minWidth,
+ ...generatePaddingFor(minWidth),
},
},
}
})
.value()
- addComponents([
- {
- '.container': Object.assign(
- { width: '100%' },
- theme('container.center', false) ? { marginRight: 'auto', marginLeft: 'auto' } : {},
- _.has(theme('container', {}), 'padding')
- ? {
- paddingRight: theme('container.padding'),
- paddingLeft: theme('container.padding'),
- }
- : {}
- ),
- },
- ...atRules,
- ])
+ addComponents(
+ [
+ {
+ '.container': Object.assign(
+ { width: '100%' },
+ theme('container.center', false) ? { marginRight: 'auto', marginLeft: 'auto' } : {},
+ generatePaddingFor(0)
+ ),
+ },
+ ...atRules,
+ ],
+ variants('container')
+ )
}
}
diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
index bb1d20d51..7f5c35341 100644
--- a/src/plugins/css/preflight.css
+++ b/src/plugins/css/preflight.css
@@ -27,7 +27,6 @@ pre {
button {
background-color: transparent;
background-image: none;
- padding: 0;
}
/**
diff --git a/src/plugins/display.js b/src/plugins/display.js
index 561697694..af56dffb6 100644
--- a/src/plugins/display.js
+++ b/src/plugins/display.js
@@ -1,5 +1,5 @@
export default function() {
- return function({ addUtilities, variants }) {
+ return function({ addUtilities, variants, target }) {
addUtilities(
{
'.block': {
@@ -11,21 +11,12 @@ export default function() {
'.inline': {
display: 'inline',
},
- '.flow-root': {
- display: 'flow-root',
- },
'.flex': {
display: 'flex',
},
'.inline-flex': {
display: 'inline-flex',
},
- '.grid': {
- display: 'grid',
- },
- '.inline-grid': {
- display: 'inline-grid',
- },
'.table': {
display: 'table',
},
@@ -53,6 +44,19 @@ export default function() {
'.table-row': {
display: 'table-row',
},
+ ...(target('display') === 'ie11'
+ ? {}
+ : {
+ '.flow-root': {
+ display: 'flow-root',
+ },
+ '.grid': {
+ display: 'grid',
+ },
+ '.inline-grid': {
+ display: 'inline-grid',
+ },
+ }),
'.hidden': {
display: 'none',
},
diff --git a/src/plugins/divideColor.js b/src/plugins/divideColor.js
new file mode 100644
index 000000000..5b8922ab1
--- /dev/null
+++ b/src/plugins/divideColor.js
@@ -0,0 +1,36 @@
+import _ from 'lodash'
+import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
+
+export default function() {
+ return function({ addUtilities, e, theme, variants, target, corePlugins }) {
+ const colors = flattenColorPalette(theme('divideColor'))
+
+ const getProperties = value => {
+ if (target('divideColor') === 'ie11') {
+ return { 'border-color': value }
+ }
+
+ if (corePlugins('divideOpacity')) {
+ return withAlphaVariable({
+ color: value,
+ property: 'border-color',
+ variable: '--divide-opacity',
+ })
+ }
+
+ return { 'border-color': value }
+ }
+
+ const utilities = _.fromPairs(
+ _.map(_.omit(colors, 'default'), (value, modifier) => {
+ return [
+ `.${e(`divide-${modifier}`)} > :not(template) ~ :not(template)`,
+ getProperties(value),
+ ]
+ })
+ )
+
+ addUtilities(utilities, variants('divideColor'))
+ }
+}
diff --git a/src/plugins/divideOpacity.js b/src/plugins/divideOpacity.js
new file mode 100644
index 000000000..9cfe4fc2a
--- /dev/null
+++ b/src/plugins/divideOpacity.js
@@ -0,0 +1,22 @@
+import _ from 'lodash'
+
+export default function() {
+ return function({ addUtilities, e, theme, variants, target }) {
+ if (target('divideOpacity') === 'ie11') {
+ return
+ }
+
+ const utilities = _.fromPairs(
+ _.map(theme('divideOpacity'), (value, modifier) => {
+ return [
+ `.${e(`divide-opacity-${modifier}`)} > :not(template) ~ :not(template)`,
+ {
+ '--divide-opacity': value,
+ },
+ ]
+ })
+ )
+
+ addUtilities(utilities, variants('divideOpacity'))
+ }
+}
diff --git a/src/plugins/divideWidth.js b/src/plugins/divideWidth.js
new file mode 100644
index 000000000..25f9c07ae
--- /dev/null
+++ b/src/plugins/divideWidth.js
@@ -0,0 +1,65 @@
+import _ from 'lodash'
+
+export default function() {
+ return function({ addUtilities, e, theme, variants, target }) {
+ if (target('divideWidth') === 'ie11') {
+ const generators = [
+ (size, modifier) => ({
+ [`.${e(`divide-y${modifier}`)} > :not(template) ~ :not(template)`]: {
+ 'border-top-width': size,
+ },
+ [`.${e(`divide-x${modifier}`)} > :not(template) ~ :not(template)`]: {
+ 'border-left-width': size,
+ },
+ }),
+ ]
+
+ const utilities = _.flatMap(generators, generator => {
+ return _.flatMap(theme('divideWidth'), (value, modifier) => {
+ return generator(value, modifier === 'default' ? '' : `-${modifier}`)
+ })
+ })
+
+ addUtilities(utilities, variants('divideWidth'))
+
+ return
+ }
+
+ const generators = [
+ (size, modifier) => ({
+ [`.${e(`divide-y${modifier}`)} > :not(template) ~ :not(template)`]: {
+ '--divide-y-reverse': '0',
+ 'border-top-width': `calc(${
+ size === '0' ? '0px' : size
+ } * calc(1 - var(--divide-y-reverse)))`,
+ 'border-bottom-width': `calc(${size === '0' ? '0px' : size} * var(--divide-y-reverse))`,
+ },
+ [`.${e(`divide-x${modifier}`)} > :not(template) ~ :not(template)`]: {
+ '--divide-x-reverse': '0',
+ 'border-right-width': `calc(${size === '0' ? '0px' : size} * var(--divide-x-reverse))`,
+ 'border-left-width': `calc(${
+ size === '0' ? '0px' : size
+ } * calc(1 - var(--divide-x-reverse)))`,
+ },
+ }),
+ ]
+
+ const utilities = _.flatMap(generators, generator => {
+ return [
+ ..._.flatMap(theme('divideWidth'), (value, modifier) => {
+ return generator(value, modifier === 'default' ? '' : `-${modifier}`)
+ }),
+ {
+ '.divide-y-reverse > :not(template) ~ :not(template)': {
+ '--divide-y-reverse': '1',
+ },
+ '.divide-x-reverse > :not(template) ~ :not(template)': {
+ '--divide-x-reverse': '1',
+ },
+ },
+ ]
+ })
+
+ addUtilities(utilities, variants('divideWidth'))
+ }
+}
diff --git a/src/plugins/fill.js b/src/plugins/fill.js
index 93b6804e3..ce0d208bb 100644
--- a/src/plugins/fill.js
+++ b/src/plugins/fill.js
@@ -3,14 +3,11 @@ import flattenColorPalette from '../util/flattenColorPalette'
export default function() {
return function({ addUtilities, e, theme, variants }) {
+ const colors = flattenColorPalette(theme('fill'))
+
const utilities = _.fromPairs(
- _.map(flattenColorPalette(theme('fill')), (value, modifier) => {
- return [
- `.${e(`fill-${modifier}`)}`,
- {
- fill: value,
- },
- ]
+ _.map(colors, (value, modifier) => {
+ return [`.${e(`fill-${modifier}`)}`, { fill: value }]
})
)
diff --git a/src/plugins/fontSize.js b/src/plugins/fontSize.js
index 709cb0371..e5667db55 100644
--- a/src/plugins/fontSize.js
+++ b/src/plugins/fontSize.js
@@ -4,10 +4,27 @@ export default function() {
return function({ addUtilities, e, theme, variants }) {
const utilities = _.fromPairs(
_.map(theme('fontSize'), (value, modifier) => {
+ const [fontSize, options] = Array.isArray(value) ? value : [value]
+ const { lineHeight, letterSpacing } = _.isPlainObject(options)
+ ? options
+ : {
+ lineHeight: options,
+ }
+
return [
`.${e(`text-${modifier}`)}`,
{
- 'font-size': value,
+ 'font-size': fontSize,
+ ...(lineHeight === undefined
+ ? {}
+ : {
+ 'line-height': lineHeight,
+ }),
+ ...(letterSpacing === undefined
+ ? {}
+ : {
+ 'letter-spacing': letterSpacing,
+ }),
},
]
})
diff --git a/src/plugins/gap.js b/src/plugins/gap.js
index bd5e73125..94cc3e893 100644
--- a/src/plugins/gap.js
+++ b/src/plugins/gap.js
@@ -1,9 +1,15 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gap', [
- ['gap', ['gridGap', 'gap']],
- ['col-gap', ['gridColumnGap', 'columnGap']],
- ['row-gap', ['gridRowGap', 'rowGap']],
- ])
+ return function({ target, ...args }) {
+ if (target('gap') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gap', [
+ ['gap', ['gridGap', 'gap']],
+ ['col-gap', ['gridColumnGap', 'columnGap']],
+ ['row-gap', ['gridRowGap', 'rowGap']],
+ ])({ target, ...args })
+ }
}
diff --git a/src/plugins/gridAutoFlow.js b/src/plugins/gridAutoFlow.js
index a2fa74c44..de1f15d82 100644
--- a/src/plugins/gridAutoFlow.js
+++ b/src/plugins/gridAutoFlow.js
@@ -1,5 +1,9 @@
export default function() {
- return function({ addUtilities, variants }) {
+ return function({ addUtilities, variants, target }) {
+ if (target('gridAutoFlow') === 'ie11') {
+ return
+ }
+
addUtilities(
{
'.grid-flow-row': { gridAutoFlow: 'row' },
diff --git a/src/plugins/gridColumn.js b/src/plugins/gridColumn.js
index 107538718..4aaf097d5 100644
--- a/src/plugins/gridColumn.js
+++ b/src/plugins/gridColumn.js
@@ -1,5 +1,11 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridColumn', [['col', ['gridColumn']]])
+ return function({ target, ...args }) {
+ if (target('gridColumn') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridColumn', [['col', ['gridColumn']]])({ target, ...args })
+ }
}
diff --git a/src/plugins/gridColumnEnd.js b/src/plugins/gridColumnEnd.js
index d483227f7..b8aee3ccc 100644
--- a/src/plugins/gridColumnEnd.js
+++ b/src/plugins/gridColumnEnd.js
@@ -1,5 +1,11 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridColumnEnd', [['col-end', ['gridColumnEnd']]])
+ return function({ target, ...args }) {
+ if (target('gridColumnEnd') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridColumnEnd', [['col-end', ['gridColumnEnd']]])({ target, ...args })
+ }
}
diff --git a/src/plugins/gridColumnStart.js b/src/plugins/gridColumnStart.js
index dc3f997d8..79633137a 100644
--- a/src/plugins/gridColumnStart.js
+++ b/src/plugins/gridColumnStart.js
@@ -1,5 +1,14 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridColumnStart', [['col-start', ['gridColumnStart']]])
+ return function({ target, ...args }) {
+ if (target('gridColumnStart') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridColumnStart', [['col-start', ['gridColumnStart']]])({
+ target,
+ ...args,
+ })
+ }
}
diff --git a/src/plugins/gridRow.js b/src/plugins/gridRow.js
index d89529bd5..234dae295 100644
--- a/src/plugins/gridRow.js
+++ b/src/plugins/gridRow.js
@@ -1,5 +1,11 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridRow', [['row', ['gridRow']]])
+ return function({ target, ...args }) {
+ if (target('gridRow') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridRow', [['row', ['gridRow']]])({ target, ...args })
+ }
}
diff --git a/src/plugins/gridRowEnd.js b/src/plugins/gridRowEnd.js
index 1aa9e6eaa..92b906070 100644
--- a/src/plugins/gridRowEnd.js
+++ b/src/plugins/gridRowEnd.js
@@ -1,5 +1,11 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridRowEnd', [['row-end', ['gridRowEnd']]])
+ return function({ target, ...args }) {
+ if (target('gridRowEnd') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridRowEnd', [['row-end', ['gridRowEnd']]])({ target, ...args })
+ }
}
diff --git a/src/plugins/gridRowStart.js b/src/plugins/gridRowStart.js
index 2f4fe1d03..4468707ec 100644
--- a/src/plugins/gridRowStart.js
+++ b/src/plugins/gridRowStart.js
@@ -1,5 +1,11 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridRowStart', [['row-start', ['gridRowStart']]])
+ return function({ target, ...args }) {
+ if (target('gridRowStart') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridRowStart', [['row-start', ['gridRowStart']]])({ target, ...args })
+ }
}
diff --git a/src/plugins/gridTemplateColumns.js b/src/plugins/gridTemplateColumns.js
index 56e9f5b00..f89c9c8d4 100644
--- a/src/plugins/gridTemplateColumns.js
+++ b/src/plugins/gridTemplateColumns.js
@@ -1,5 +1,14 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridTemplateColumns', [['grid-cols', ['gridTemplateColumns']]])
+ return function({ target, ...args }) {
+ if (target('gridTemplateColumns') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridTemplateColumns', [['grid-cols', ['gridTemplateColumns']]])({
+ target,
+ ...args,
+ })
+ }
}
diff --git a/src/plugins/gridTemplateRows.js b/src/plugins/gridTemplateRows.js
index 90d8c962c..963975c2e 100644
--- a/src/plugins/gridTemplateRows.js
+++ b/src/plugins/gridTemplateRows.js
@@ -1,5 +1,14 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('gridTemplateRows', [['grid-rows', ['gridTemplateRows']]])
+ return function({ target, ...args }) {
+ if (target('gridTemplateRows') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('gridTemplateRows', [['grid-rows', ['gridTemplateRows']]])({
+ target,
+ ...args,
+ })
+ }
}
diff --git a/src/plugins/objectFit.js b/src/plugins/objectFit.js
index 0bd4dcb1f..42f0ad2de 100644
--- a/src/plugins/objectFit.js
+++ b/src/plugins/objectFit.js
@@ -1,5 +1,9 @@
export default function() {
- return function({ addUtilities, variants }) {
+ return function({ addUtilities, variants, target }) {
+ if (target('objectFit') === 'ie11') {
+ return
+ }
+
addUtilities(
{
'.object-contain': { 'object-fit': 'contain' },
diff --git a/src/plugins/objectPosition.js b/src/plugins/objectPosition.js
index 10cb8b18a..68a2a6e00 100644
--- a/src/plugins/objectPosition.js
+++ b/src/plugins/objectPosition.js
@@ -1,7 +1,11 @@
import _ from 'lodash'
export default function() {
- return function({ addUtilities, e, theme, variants }) {
+ return function({ addUtilities, e, theme, variants, target }) {
+ if (target('objectPosition') === 'ie11') {
+ return
+ }
+
const utilities = _.fromPairs(
_.map(theme('objectPosition'), (value, modifier) => {
return [
diff --git a/src/plugins/overscrollBehavior.js b/src/plugins/overscrollBehavior.js
new file mode 100644
index 000000000..f736c97c3
--- /dev/null
+++ b/src/plugins/overscrollBehavior.js
@@ -0,0 +1,22 @@
+export default function() {
+ return function({ addUtilities, variants, target }) {
+ if (target('overscrollBehavior') === 'ie11') {
+ return
+ }
+
+ addUtilities(
+ {
+ '.overscroll-auto': { 'overscroll-behavior': 'auto' },
+ '.overscroll-contain': { 'overscroll-behavior': 'contain' },
+ '.overscroll-none': { 'overscroll-behavior': 'none' },
+ '.overscroll-y-auto': { 'overscroll-behavior-y': 'auto' },
+ '.overscroll-y-contain': { 'overscroll-behavior-y': 'contain' },
+ '.overscroll-y-none': { 'overscroll-behavior-y': 'none' },
+ '.overscroll-x-auto': { 'overscroll-behavior-x': 'auto' },
+ '.overscroll-x-contain': { 'overscroll-behavior-x': 'contain' },
+ '.overscroll-x-none': { 'overscroll-behavior-x': 'none' },
+ },
+ variants('overscrollBehavior')
+ )
+ }
+}
diff --git a/src/plugins/placeholderColor.js b/src/plugins/placeholderColor.js
index b8c81fad6..fea66ba4b 100644
--- a/src/plugins/placeholderColor.js
+++ b/src/plugins/placeholderColor.js
@@ -1,16 +1,30 @@
import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
export default function() {
- return function({ addUtilities, e, theme, variants }) {
+ return function({ addUtilities, e, theme, variants, target, corePlugins }) {
+ const colors = flattenColorPalette(theme('placeholderColor'))
+
+ const getProperties = value => {
+ if (target('placeholderColor') === 'ie11') {
+ return { color: value }
+ }
+
+ if (corePlugins('placeholderOpacity')) {
+ return withAlphaVariable({
+ color: value,
+ property: 'color',
+ variable: '--placeholder-opacity',
+ })
+ }
+
+ return { color: value }
+ }
+
const utilities = _.fromPairs(
- _.map(flattenColorPalette(theme('placeholderColor')), (value, modifier) => {
- return [
- `.${e(`placeholder-${modifier}`)}::placeholder`,
- {
- color: value,
- },
- ]
+ _.map(colors, (value, modifier) => {
+ return [`.${e(`placeholder-${modifier}`)}::placeholder`, getProperties(value)]
})
)
diff --git a/src/plugins/placeholderOpacity.js b/src/plugins/placeholderOpacity.js
new file mode 100644
index 000000000..142fdd51b
--- /dev/null
+++ b/src/plugins/placeholderOpacity.js
@@ -0,0 +1,22 @@
+import _ from 'lodash'
+
+export default function() {
+ return function({ addUtilities, e, theme, variants, target }) {
+ if (target('placeholderOpacity') === 'ie11') {
+ return
+ }
+
+ const utilities = _.fromPairs(
+ _.map(theme('placeholderOpacity'), (value, modifier) => {
+ return [
+ `.${e(`placeholder-opacity-${modifier}`)}::placeholder`,
+ {
+ '--placeholder-opacity': value,
+ },
+ ]
+ })
+ )
+
+ addUtilities(utilities, variants('placeholderOpacity'))
+ }
+}
diff --git a/src/plugins/position.js b/src/plugins/position.js
index 2e8d42b72..4a981fd7c 100644
--- a/src/plugins/position.js
+++ b/src/plugins/position.js
@@ -1,12 +1,18 @@
export default function() {
- return function({ addUtilities, variants }) {
+ return function({ addUtilities, variants, target }) {
addUtilities(
{
'.static': { position: 'static' },
'.fixed': { position: 'fixed' },
'.absolute': { position: 'absolute' },
'.relative': { position: 'relative' },
- '.sticky': { position: 'sticky' },
+ ...(target('position') === 'ie11'
+ ? {}
+ : {
+ '.sticky': {
+ position: 'sticky',
+ },
+ }),
},
variants('position')
)
diff --git a/src/plugins/rotate.js b/src/plugins/rotate.js
index f07c46f40..6dbad6473 100644
--- a/src/plugins/rotate.js
+++ b/src/plugins/rotate.js
@@ -1,5 +1,15 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('rotate', [['rotate', ['--transform-rotate']]])
+ return function({ target, ...args }) {
+ if (target('rotate') === 'ie11') {
+ createUtilityPlugin('rotate', [['rotate', ['transform'], value => `rotate(${value})`]])({
+ target,
+ ...args,
+ })
+ return
+ }
+
+ createUtilityPlugin('rotate', [['rotate', ['--transform-rotate']]])({ target, ...args })
+ }
}
diff --git a/src/plugins/scale.js b/src/plugins/scale.js
index 9696ac6e1..4088a4d43 100644
--- a/src/plugins/scale.js
+++ b/src/plugins/scale.js
@@ -1,9 +1,21 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('scale', [
- ['scale', ['--transform-scale-x', '--transform-scale-y']],
- ['scale-x', ['--transform-scale-x']],
- ['scale-y', ['--transform-scale-y']],
- ])
+ return function({ target, ...args }) {
+ if (target('scale') === 'ie11') {
+ createUtilityPlugin('scale', [
+ ['scale', ['transform'], value => `scale(${value})`],
+ ['scale-x', ['transform'], value => `scaleX(${value})`],
+ ['scale-y', ['transform'], value => `scaleY(${value})`],
+ ])({ target, ...args })
+
+ return
+ }
+
+ createUtilityPlugin('scale', [
+ ['scale', ['--transform-scale-x', '--transform-scale-y']],
+ ['scale-x', ['--transform-scale-x']],
+ ['scale-y', ['--transform-scale-y']],
+ ])({ target, ...args })
+ }
}
diff --git a/src/plugins/skew.js b/src/plugins/skew.js
index 803aa57b3..2c5b853b4 100644
--- a/src/plugins/skew.js
+++ b/src/plugins/skew.js
@@ -1,8 +1,19 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('skew', [
- ['skew-x', ['--transform-skew-x']],
- ['skew-y', ['--transform-skew-y']],
- ])
+ return function({ target, ...args }) {
+ if (target('skew') === 'ie11') {
+ createUtilityPlugin('skew', [
+ ['skew-x', ['transform'], value => `skewX(${value})`],
+ ['skew-y', ['transform'], value => `skewY(${value})`],
+ ])({ target, ...args })
+
+ return
+ }
+
+ createUtilityPlugin('skew', [
+ ['skew-x', ['--transform-skew-x']],
+ ['skew-y', ['--transform-skew-y']],
+ ])({ target, ...args })
+ }
}
diff --git a/src/plugins/space.js b/src/plugins/space.js
new file mode 100644
index 000000000..d8009e5b6
--- /dev/null
+++ b/src/plugins/space.js
@@ -0,0 +1,62 @@
+import _ from 'lodash'
+import prefixNegativeModifiers from '../util/prefixNegativeModifiers'
+
+export default function() {
+ return function({ addUtilities, e, theme, variants, target }) {
+ if (target('space') === 'ie11') {
+ const generators = [
+ (size, modifier) => ({
+ [`.${e(
+ prefixNegativeModifiers('space-y', modifier)
+ )} > :not(template) ~ :not(template)`]: {
+ 'margin-top': size,
+ },
+ [`.${e(
+ prefixNegativeModifiers('space-x', modifier)
+ )} > :not(template) ~ :not(template)`]: {
+ 'margin-left': size,
+ },
+ }),
+ ]
+
+ const utilities = _.flatMap(generators, generator => {
+ return _.flatMap(theme('space'), generator)
+ })
+
+ addUtilities(utilities, variants('space'))
+
+ return
+ }
+
+ const generators = [
+ (size, modifier) => ({
+ [`.${e(prefixNegativeModifiers('space-y', modifier))} > :not(template) ~ :not(template)`]: {
+ '--space-y-reverse': '0',
+ 'margin-top': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--space-y-reverse)))`,
+ 'margin-bottom': `calc(${size === '0' ? '0px' : size} * var(--space-y-reverse))`,
+ },
+ [`.${e(prefixNegativeModifiers('space-x', modifier))} > :not(template) ~ :not(template)`]: {
+ '--space-x-reverse': '0',
+ 'margin-right': `calc(${size === '0' ? '0px' : size} * var(--space-x-reverse))`,
+ 'margin-left': `calc(${size === '0' ? '0px' : size} * calc(1 - var(--space-x-reverse)))`,
+ },
+ }),
+ ]
+
+ const utilities = _.flatMap(generators, generator => {
+ return [
+ ..._.flatMap(theme('space'), generator),
+ {
+ '.space-y-reverse > :not(template) ~ :not(template)': {
+ '--space-y-reverse': '1',
+ },
+ '.space-x-reverse > :not(template) ~ :not(template)': {
+ '--space-x-reverse': '1',
+ },
+ },
+ ]
+ })
+
+ addUtilities(utilities, variants('space'))
+ }
+}
diff --git a/src/plugins/stroke.js b/src/plugins/stroke.js
index 0dd862a29..1944a84e9 100644
--- a/src/plugins/stroke.js
+++ b/src/plugins/stroke.js
@@ -3,14 +3,11 @@ import flattenColorPalette from '../util/flattenColorPalette'
export default function() {
return function({ addUtilities, e, theme, variants }) {
+ const colors = flattenColorPalette(theme('stroke'))
+
const utilities = _.fromPairs(
- _.map(flattenColorPalette(theme('stroke')), (value, modifier) => {
- return [
- `.${e(`stroke-${modifier}`)}`,
- {
- stroke: value,
- },
- ]
+ _.map(colors, (value, modifier) => {
+ return [`.${e(`stroke-${modifier}`)}`, { stroke: value }]
})
)
diff --git a/src/plugins/textColor.js b/src/plugins/textColor.js
index 0b22dd7d3..f52c27dcd 100644
--- a/src/plugins/textColor.js
+++ b/src/plugins/textColor.js
@@ -1,16 +1,30 @@
import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
+import withAlphaVariable from '../util/withAlphaVariable'
export default function() {
- return function({ addUtilities, e, theme, variants }) {
+ return function({ addUtilities, e, theme, variants, target, corePlugins }) {
+ const colors = flattenColorPalette(theme('textColor'))
+
+ const getProperties = value => {
+ if (target('textColor') === 'ie11') {
+ return { color: value }
+ }
+
+ if (corePlugins('textOpacity')) {
+ return withAlphaVariable({
+ color: value,
+ property: 'color',
+ variable: '--text-opacity',
+ })
+ }
+
+ return { color: value }
+ }
+
const utilities = _.fromPairs(
- _.map(flattenColorPalette(theme('textColor')), (value, modifier) => {
- return [
- `.${e(`text-${modifier}`)}`,
- {
- color: value,
- },
- ]
+ _.map(colors, (value, modifier) => {
+ return [`.${e(`text-${modifier}`)}`, getProperties(value)]
})
)
diff --git a/src/plugins/textOpacity.js b/src/plugins/textOpacity.js
new file mode 100644
index 000000000..c121e7252
--- /dev/null
+++ b/src/plugins/textOpacity.js
@@ -0,0 +1,11 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+ return function({ target, ...args }) {
+ if (target('textOpacity') === 'ie11') {
+ return
+ }
+
+ createUtilityPlugin('textOpacity', [['text-opacity', ['--text-opacity']]])({ target, ...args })
+ }
+}
diff --git a/src/plugins/transform.js b/src/plugins/transform.js
index 10e80aa62..e3539908a 100644
--- a/src/plugins/transform.js
+++ b/src/plugins/transform.js
@@ -1,5 +1,9 @@
export default function() {
- return function({ addUtilities, variants }) {
+ return function({ addUtilities, variants, target }) {
+ if (target('transform') === 'ie11') {
+ return
+ }
+
addUtilities(
{
'.transform': {
diff --git a/src/plugins/translate.js b/src/plugins/translate.js
index 1a170163d..bb2f14286 100644
--- a/src/plugins/translate.js
+++ b/src/plugins/translate.js
@@ -1,8 +1,19 @@
import createUtilityPlugin from '../util/createUtilityPlugin'
export default function() {
- return createUtilityPlugin('translate', [
- ['translate-x', ['--transform-translate-x']],
- ['translate-y', ['--transform-translate-y']],
- ])
+ return function({ target, ...args }) {
+ if (target('translate') === 'ie11') {
+ createUtilityPlugin('translate', [
+ ['translate-x', ['transform'], value => `translateX(${value})`],
+ ['translate-y', ['transform'], value => `translateY(${value})`],
+ ])({ target, ...args })
+
+ return
+ }
+
+ createUtilityPlugin('translate', [
+ ['translate-x', ['--transform-translate-x']],
+ ['translate-y', ['--transform-translate-y']],
+ ])({ target, ...args })
+ }
}
diff --git a/src/processTailwindFeatures.js b/src/processTailwindFeatures.js
index 61fecaf12..494dd0178 100644
--- a/src/processTailwindFeatures.js
+++ b/src/processTailwindFeatures.js
@@ -5,24 +5,97 @@ import substituteTailwindAtRules from './lib/substituteTailwindAtRules'
import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions'
import substituteVariantsAtRules from './lib/substituteVariantsAtRules'
import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules'
+import convertLayerAtRulesToControlComments from './lib/convertLayerAtRulesToControlComments'
import substituteScreenAtRules from './lib/substituteScreenAtRules'
import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules'
+import purgeUnusedStyles from './lib/purgeUnusedStyles'
import corePlugins from './corePlugins'
import processPlugins from './util/processPlugins'
+import cloneNodes from './util/cloneNodes'
+import chalk from 'chalk'
+
+const log = {
+ info(message) {
+ console.log(chalk.bold.cyan(' info'), '-', message)
+ },
+ warn(message) {
+ console.log(chalk.bold.yellow(' warn'), '-', message)
+ },
+ risk(message) {
+ console.log(chalk.bold.magenta(' risk'), '-', message)
+ },
+}
+
+function issueFlagNotices(config) {
+ const featureFlags = {
+ future: [],
+ experimental: ['uniformColorPalette'],
+ }
+
+ if (_.some(featureFlags.future, flag => _.get(config, ['future', flag], false))) {
+ const changes = Object.keys(config.future)
+ .filter(flag => featureFlags.future.includes(flag) && config.future[flag])
+ .map(s => chalk.cyan(s))
+ .join(', ')
+ console.log()
+ log.info(`You have opted-in to future-facing breaking changes: ${changes}`)
+ log.info(
+ 'These changes are stable and will be the default behavior in the next major version of Tailwind.'
+ )
+ }
+
+ if (_.some(featureFlags.experimental, flag => _.get(config, ['experimental', flag], false))) {
+ const changes = Object.keys(config.experimental)
+ .filter(flag => featureFlags.experimental.includes(flag) && config.experimental[flag])
+ .map(s => chalk.yellow(s))
+ .join(', ')
+ console.log()
+ log.warn(`You have enabled experimental features: ${changes}`)
+ log.warn(
+ 'Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.'
+ )
+ }
+
+ if (Object.keys(_.get(config, 'future', {})).length < featureFlags.future.length) {
+ const changes = featureFlags.future
+ .filter(flag => !_.has(config, ['future', flag]))
+ .map(s => chalk.magenta(s))
+ .join(', ')
+ console.log()
+ log.risk(`There are upcoming breaking changes: ${changes}`)
+ log.risk(
+ 'We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future.'
+ )
+ }
+}
export default function(getConfig) {
return function(css) {
const config = getConfig()
+
+ issueFlagNotices(config)
+
const processedPlugins = processPlugins([...corePlugins(config), ...config.plugins], config)
+ const getProcessedPlugins = function() {
+ return {
+ ...processedPlugins,
+ base: cloneNodes(processedPlugins.base),
+ components: cloneNodes(processedPlugins.components),
+ utilities: cloneNodes(processedPlugins.utilities),
+ }
+ }
+
return postcss([
- substituteTailwindAtRules(config, processedPlugins),
+ substituteTailwindAtRules(config, getProcessedPlugins()),
evaluateTailwindFunctions(config),
- substituteVariantsAtRules(config, processedPlugins),
+ substituteVariantsAtRules(config, getProcessedPlugins()),
substituteResponsiveAtRules(config),
+ convertLayerAtRulesToControlComments(config),
substituteScreenAtRules(config),
- substituteClassApplyAtRules(config, processedPlugins.utilities),
+ substituteClassApplyAtRules(config, getProcessedPlugins().utilities),
+ purgeUnusedStyles(config),
]).process(css, { from: _.get(css, 'source.input.file') })
}
}
diff --git a/src/util/createUtilityPlugin.js b/src/util/createUtilityPlugin.js
index b2b767664..8053cc0b2 100644
--- a/src/util/createUtilityPlugin.js
+++ b/src/util/createUtilityPlugin.js
@@ -1,3 +1,4 @@
+import identity from 'lodash/identity'
import fromPairs from 'lodash/fromPairs'
import toPairs from 'lodash/toPairs'
import castArray from 'lodash/castArray'
@@ -16,16 +17,18 @@ function className(classPrefix, key) {
export default function createUtilityPlugin(themeKey, utilityVariations) {
return function({ e, addUtilities, variants, theme }) {
- const utilities = utilityVariations.map(([classPrefix, properties]) => {
- return fromPairs(
- toPairs(theme(themeKey)).map(([key, value]) => {
- return [
- `.${e(className(classPrefix, key))}`,
- fromPairs(castArray(properties).map(property => [property, value])),
- ]
- })
- )
- })
+ const utilities = utilityVariations.map(
+ ([classPrefix, properties, transformValue = identity]) => {
+ return fromPairs(
+ toPairs(theme(themeKey)).map(([key, value]) => {
+ return [
+ `.${e(className(classPrefix, key))}`,
+ fromPairs(castArray(properties).map(property => [property, transformValue(value)])),
+ ]
+ })
+ )
+ }
+ )
return addUtilities(utilities, variants(themeKey))
}
}
diff --git a/src/util/processPlugins.js b/src/util/processPlugins.js
index 5cb65c6f6..d147d9a4d 100644
--- a/src/util/processPlugins.js
+++ b/src/util/processPlugins.js
@@ -1,5 +1,6 @@
import _ from 'lodash'
import postcss from 'postcss'
+import browserslist from 'browserslist'
import Node from 'postcss/lib/node'
import isFunction from 'lodash/isFunction'
import escapeClassName from '../util/escapeClassName'
@@ -7,7 +8,9 @@ import generateVariantFunction from '../util/generateVariantFunction'
import parseObjectStyles from '../util/parseObjectStyles'
import prefixSelector from '../util/prefixSelector'
import wrapWithVariants from '../util/wrapWithVariants'
+import cloneNodes from '../util/cloneNodes'
import increaseSpecificity from '../util/increaseSpecificity'
+import selectorParser from 'postcss-selector-parser'
function parseStyles(styles) {
if (!Array.isArray(styles)) {
@@ -17,6 +20,23 @@ function parseStyles(styles) {
return _.flatMap(styles, style => (style instanceof Node ? style : parseObjectStyles(style)))
}
+function containsClass(value) {
+ return selectorParser(selectors => {
+ let classFound = false
+ selectors.walkClasses(() => (classFound = true))
+ return classFound
+ }).transformSync(value)
+}
+
+function wrapWithLayer(rules, layer) {
+ return postcss
+ .atRule({
+ name: 'layer',
+ params: layer,
+ })
+ .append(cloneNodes(Array.isArray(rules) ? rules : [rules]))
+}
+
export default function(plugins, config) {
const pluginBaseStyles = []
const pluginComponents = []
@@ -26,7 +46,9 @@ export default function(plugins, config) {
const applyConfiguredPrefix = selector => {
return prefixSelector(config.prefix, selector)
}
+
const getConfigValue = (path, defaultValue) => (path ? _.get(config, path, defaultValue) : config)
+ const browserslistTarget = browserslist().includes('ie 11') ? 'ie11' : 'relaxed'
plugins.forEach(plugin => {
if (plugin.__isOptionsFunction) {
@@ -39,6 +61,13 @@ export default function(plugins, config) {
postcss,
config: getConfigValue,
theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
+ corePlugins: path => {
+ if (Array.isArray(config.corePlugins)) {
+ return config.corePlugins.includes(path)
+ }
+
+ return getConfigValue(`corePlugins.${path}`, true)
+ },
variants: (path, defaultValue) => {
if (Array.isArray(config.variants)) {
return config.variants
@@ -46,6 +75,17 @@ export default function(plugins, config) {
return getConfigValue(`variants.${path}`, defaultValue)
},
+ target: path => {
+ if (_.isString(config.target)) {
+ return config.target === 'browserslist' ? browserslistTarget : config.target
+ }
+
+ const [defaultTarget, targetOverrides] = getConfigValue('target')
+
+ const target = _.get(targetOverrides, path, defaultTarget)
+
+ return target === 'browserslist' ? browserslistTarget : target
+ },
e: escapeClassName,
prefix: applyConfiguredPrefix,
addUtilities: (utilities, options) => {
@@ -66,6 +106,12 @@ export default function(plugins, config) {
if (config.important === true) {
rule.walkDecls(decl => (decl.important = true))
} else if (typeof config.important === 'string') {
+ if (containsClass(config.important)) {
+ throw rule.error(
+ `Classes are not allowed when using the \`important\` option with a string argument. Please use an ID instead.`
+ )
+ }
+
rule.selectors = rule.selectors.map(selector => {
return increaseSpecificity(config.important, selector)
})
@@ -73,10 +119,16 @@ export default function(plugins, config) {
}
})
- pluginUtilities.push(wrapWithVariants(styles.nodes, options.variants))
+ pluginUtilities.push(
+ wrapWithLayer(wrapWithVariants(styles.nodes, options.variants), 'utilities')
+ )
},
addComponents: (components, options) => {
- options = Object.assign({ respectPrefix: true }, options)
+ const defaultOptions = { variants: [], respectPrefix: true }
+
+ options = Array.isArray(options)
+ ? Object.assign({}, defaultOptions, { variants: options })
+ : _.defaults(options, defaultOptions)
const styles = postcss.root({ nodes: parseStyles(components) })
@@ -86,7 +138,9 @@ export default function(plugins, config) {
}
})
- pluginComponents.push(...styles.nodes)
+ pluginComponents.push(
+ wrapWithLayer(wrapWithVariants(styles.nodes, options.variants), 'components')
+ )
},
addBase: baseStyles => {
pluginBaseStyles.push(...parseStyles(baseStyles))
diff --git a/src/util/withAlphaVariable.js b/src/util/withAlphaVariable.js
new file mode 100644
index 000000000..7083809b2
--- /dev/null
+++ b/src/util/withAlphaVariable.js
@@ -0,0 +1,39 @@
+import createColor from 'color'
+
+function hasAlpha(color) {
+ return (
+ color.startsWith('rgba(') ||
+ color.startsWith('hsla(') ||
+ (color.startsWith('#') && color.length === 9) ||
+ (color.startsWith('#') && color.length === 5)
+ )
+}
+
+function toRgba(color) {
+ const [r, g, b, a] = createColor(color)
+ .rgb()
+ .array()
+
+ return [r, g, b, a === undefined && hasAlpha(color) ? 1 : a]
+}
+
+export default function withAlphaVariable({ color, property, variable }) {
+ try {
+ const [r, g, b, a] = toRgba(color)
+
+ if (a !== undefined) {
+ return {
+ [property]: color,
+ }
+ }
+
+ return {
+ [variable]: '1',
+ [property]: [color, `rgba(${r}, ${g}, ${b}, var(${variable}))`],
+ }
+ } catch (error) {
+ return {
+ [property]: color,
+ }
+ }
+}
diff --git a/src/util/wrapWithVariants.js b/src/util/wrapWithVariants.js
index 4c1fcf9d3..6820a3476 100644
--- a/src/util/wrapWithVariants.js
+++ b/src/util/wrapWithVariants.js
@@ -2,6 +2,16 @@ import postcss from 'postcss'
import cloneNodes from './cloneNodes'
export default function wrapWithVariants(rules, variants) {
+ let foundVariantAtRule = false
+
+ postcss.root({ nodes: rules }).walkAtRules('variants', () => {
+ foundVariantAtRule = true
+ })
+
+ if (foundVariantAtRule) {
+ return cloneNodes(rules)
+ }
+
return postcss
.atRule({
name: 'variants',
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index a1cc24a98..cba3864e5 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -1,4 +1,6 @@
module.exports = {
+ purge: [],
+ target: 'relaxed',
prefix: '',
important: false,
separator: ':',
@@ -149,6 +151,7 @@ module.exports = {
'64': '16rem',
},
backgroundColor: theme => theme('colors'),
+ backgroundOpacity: theme => theme('opacity'),
backgroundPosition: {
bottom: 'bottom',
center: 'center',
@@ -169,6 +172,7 @@ module.exports = {
...theme('colors'),
default: theme('colors.gray.300', 'currentColor'),
}),
+ borderOpacity: theme => theme('opacity'),
borderRadius: {
none: '0',
sm: '0.125rem',
@@ -206,6 +210,9 @@ module.exports = {
move: 'move',
'not-allowed': 'not-allowed',
},
+ divideColor: theme => theme('borderColor'),
+ divideOpacity: theme => theme('borderOpacity'),
+ divideWidth: theme => theme('borderWidth'),
fill: {
current: 'currentColor',
},
@@ -374,6 +381,11 @@ module.exports = {
},
padding: theme => theme('spacing'),
placeholderColor: theme => theme('colors'),
+ placeholderOpacity: theme => theme('opacity'),
+ space: (theme, { negative }) => ({
+ ...theme('spacing'),
+ ...negative(theme('spacing')),
+ }),
stroke: {
current: 'currentColor',
},
@@ -383,6 +395,7 @@ module.exports = {
'2': '2',
},
textColor: theme => theme('colors'),
+ textOpacity: theme => theme('opacity'),
width: theme => ({
auto: 'auto',
...theme('spacing'),
@@ -609,6 +622,37 @@ module.exports = {
'700': '700ms',
'1000': '1000ms',
},
+ animation: {
+ none: 'none',
+ spin: 'spin 1s linear infinite',
+ ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
+ pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+ bounce: 'bounce 1s infinite',
+ },
+ keyframes: {
+ spin: {
+ from: { transform: 'rotate(0deg)' },
+ to: { transform: 'rotate(360deg)' },
+ },
+ ping: {
+ '0%': { transform: 'scale(1)', opacity: '1' },
+ '75%, 100%': { transform: 'scale(2)', opacity: '0' },
+ },
+ pulse: {
+ '0%, 100%': { opacity: '1' },
+ '50%': { opacity: '.5' },
+ },
+ bounce: {
+ '0%, 100%': {
+ transform: 'translateY(-25%)',
+ animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
+ },
+ '50%': {
+ transform: 'translateY(0)',
+ animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
+ },
+ },
+ },
},
variants: {
accessibility: ['responsive', 'focus'],
@@ -618,18 +662,24 @@ module.exports = {
appearance: ['responsive'],
backgroundAttachment: ['responsive'],
backgroundColor: ['responsive', 'hover', 'focus'],
+ backgroundOpacity: ['responsive', 'hover', 'focus'],
backgroundPosition: ['responsive'],
backgroundRepeat: ['responsive'],
backgroundSize: ['responsive'],
borderCollapse: ['responsive'],
borderColor: ['responsive', 'hover', 'focus'],
+ borderOpacity: ['responsive', 'hover', 'focus'],
borderRadius: ['responsive'],
borderStyle: ['responsive'],
borderWidth: ['responsive'],
boxShadow: ['responsive', 'hover', 'focus'],
boxSizing: ['responsive'],
+ container: ['responsive'],
cursor: ['responsive'],
display: ['responsive'],
+ divideColor: ['responsive'],
+ divideOpacity: ['responsive'],
+ divideWidth: ['responsive'],
fill: ['responsive'],
flex: ['responsive'],
flexDirection: ['responsive'],
@@ -661,16 +711,20 @@ module.exports = {
order: ['responsive'],
outline: ['responsive', 'focus'],
overflow: ['responsive'],
+ overscrollBehavior: ['responsive'],
padding: ['responsive'],
placeholderColor: ['responsive', 'focus'],
+ placeholderOpacity: ['responsive', 'focus'],
pointerEvents: ['responsive'],
position: ['responsive'],
resize: ['responsive'],
+ space: ['responsive'],
stroke: ['responsive'],
strokeWidth: ['responsive'],
tableLayout: ['responsive'],
textAlign: ['responsive'],
textColor: ['responsive', 'hover', 'focus'],
+ textOpacity: ['responsive', 'hover', 'focus'],
textDecoration: ['responsive', 'hover', 'focus'],
textTransform: ['responsive'],
userSelect: ['responsive'],
@@ -700,6 +754,7 @@ module.exports = {
transitionTimingFunction: ['responsive'],
transitionDuration: ['responsive'],
transitionDelay: ['responsive'],
+ animation: ['responsive'],
},
corePlugins: {},
plugins: [],
diff --git a/stubs/simpleConfig.stub.js b/stubs/simpleConfig.stub.js
index af829e20f..138dac7d9 100644
--- a/stubs/simpleConfig.stub.js
+++ b/stubs/simpleConfig.stub.js
@@ -1,4 +1,5 @@
module.exports = {
+ purge: [],
theme: {
extend: {},
},
diff --git a/yarn.lock b/yarn.lock
index 0e90c3446..79ca23f10 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3,378 +3,378 @@
"@babel/cli@^7.0.0":
- version "7.8.4"
- resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.8.4.tgz#505fb053721a98777b2b175323ea4f090b7d3c1c"
- integrity sha512-XXLgAm6LBbaNxaGhMAznXXaxtCWfuv6PIDJ9Alsy9JYTOh+j2jJz+L/162kkfU1j/pTSxK1xGmlwI4pdIMkoag==
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.10.5.tgz#57df2987c8cf89d0fc7d4b157ec59d7619f1b77a"
+ integrity sha512-j9H9qSf3kLdM0Ao3aGPbGZ73mEA9XazuupcS6cDGWuiyAcANoguhP0r2Lx32H5JGw4sSSoHG3x/mxVnHgvOoyA==
dependencies:
commander "^4.0.1"
convert-source-map "^1.1.0"
fs-readdir-recursive "^1.1.0"
glob "^7.0.0"
- lodash "^4.17.13"
+ lodash "^4.17.19"
make-dir "^2.1.0"
slash "^2.0.0"
source-map "^0.5.0"
optionalDependencies:
chokidar "^2.1.8"
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
- integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
+ integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
dependencies:
- "@babel/highlight" "^7.8.3"
+ "@babel/highlight" "^7.10.4"
-"@babel/compat-data@^7.8.6", "@babel/compat-data@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.9.0.tgz#04815556fc90b0c174abd2c0c1bb966faa036a6c"
- integrity sha512-zeFQrr+284Ekvd9e7KAX954LkapWiOmQtsfHirhxqfdlX6MEC32iRE+pqUGlYIBchdevaCwvzxWGSy/YBNI85g==
+"@babel/compat-data@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.10.4.tgz#706a6484ee6f910b719b696a9194f8da7d7ac241"
+ integrity sha512-t+rjExOrSVvjQQXNp5zAIYDp00KjdvGl/TpDX5REPr0S9IAIPQMTilcfG6q8c0QFmj9lSTVySV2VTsyggvtNIw==
dependencies:
- browserslist "^4.9.1"
+ browserslist "^4.12.0"
invariant "^2.2.4"
semver "^5.5.0"
"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.7.5":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.9.0.tgz#ac977b538b77e132ff706f3b8a4dbad09c03c56e"
- integrity sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.10.5.tgz#1f15e2cca8ad9a1d78a38ddba612f5e7cdbbd330"
+ integrity sha512-O34LQooYVDXPl7QWCdW9p4NR+QlzOr7xShPPJz8GsuCU3/8ua/wqTr7gmnxXv+WBESiGU/G5s16i6tUvHkNb+w==
dependencies:
- "@babel/code-frame" "^7.8.3"
- "@babel/generator" "^7.9.0"
- "@babel/helper-module-transforms" "^7.9.0"
- "@babel/helpers" "^7.9.0"
- "@babel/parser" "^7.9.0"
- "@babel/template" "^7.8.6"
- "@babel/traverse" "^7.9.0"
- "@babel/types" "^7.9.0"
+ "@babel/code-frame" "^7.10.4"
+ "@babel/generator" "^7.10.5"
+ "@babel/helper-module-transforms" "^7.10.5"
+ "@babel/helpers" "^7.10.4"
+ "@babel/parser" "^7.10.5"
+ "@babel/template" "^7.10.4"
+ "@babel/traverse" "^7.10.5"
+ "@babel/types" "^7.10.5"
convert-source-map "^1.7.0"
debug "^4.1.0"
gensync "^1.0.0-beta.1"
json5 "^2.1.2"
- lodash "^4.17.13"
+ lodash "^4.17.19"
resolve "^1.3.2"
semver "^5.4.1"
source-map "^0.5.0"
-"@babel/generator@^7.9.0":
- version "7.9.3"
- resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.3.tgz#7c8b2956c6f68b3ab732bd16305916fbba521d94"
- integrity sha512-RpxM252EYsz9qLUIq6F7YJyK1sv0wWDBFuztfDGWaQKzHjqDHysxSiRUpA/X9jmfqo+WzkAVKFaUily5h+gDCQ==
+"@babel/generator@^7.10.5":
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.10.5.tgz#1b903554bc8c583ee8d25f1e8969732e6b829a69"
+ integrity sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==
dependencies:
- "@babel/types" "^7.9.0"
+ "@babel/types" "^7.10.5"
jsesc "^2.5.1"
- lodash "^4.17.13"
source-map "^0.5.0"
-"@babel/helper-annotate-as-pure@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.8.3.tgz#60bc0bc657f63a0924ff9a4b4a0b24a13cf4deee"
- integrity sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==
+"@babel/helper-annotate-as-pure@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.4.tgz#5bf0d495a3f757ac3bda48b5bf3b3ba309c72ba3"
+ integrity sha512-XQlqKQP4vXFB7BN8fEEerrmYvHp3fK/rBkRFz9jaJbzK0B1DSfej9Kc7ZzE8Z/OnId1jpJdNAZ3BFQjWG68rcA==
dependencies:
- "@babel/types" "^7.8.3"
+ "@babel/types" "^7.10.4"
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.8.3.tgz#c84097a427a061ac56a1c30ebf54b7b22d241503"
- integrity sha512-5eFOm2SyFPK4Rh3XMMRDjN7lBH0orh3ss0g3rTYZnBQ+r6YPj7lgDyCvPphynHvUrobJmeMignBr6Acw9mAPlw==
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.4.tgz#bb0b75f31bf98cbf9ff143c1ae578b87274ae1a3"
+ integrity sha512-L0zGlFrGWZK4PbT8AszSfLTM5sDU1+Az/En9VrdT8/LmEiJt4zXt+Jve9DCAnQcbqDhCI+29y/L93mrDzddCcg==
dependencies:
- "@babel/helper-explode-assignable-expression" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/helper-explode-assignable-expression" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-compilation-targets@^7.8.7":
- version "7.8.7"
- resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.8.7.tgz#dac1eea159c0e4bd46e309b5a1b04a66b53c1dde"
- integrity sha512-4mWm8DCK2LugIS+p1yArqvG1Pf162upsIsjE7cNBjez+NjliQpVhj20obE520nao0o14DaTnFJv+Fw5a0JpoUw==
+"@babel/helper-compilation-targets@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.10.4.tgz#804ae8e3f04376607cc791b9d47d540276332bd2"
+ integrity sha512-a3rYhlsGV0UHNDvrtOXBg8/OpfV0OKTkxKPzIplS1zpx7CygDcWWxckxZeDd3gzPzC4kUT0A4nVFDK0wGMh4MQ==
dependencies:
- "@babel/compat-data" "^7.8.6"
- browserslist "^4.9.1"
+ "@babel/compat-data" "^7.10.4"
+ browserslist "^4.12.0"
invariant "^2.2.4"
levenary "^1.1.1"
semver "^5.5.0"
-"@babel/helper-create-regexp-features-plugin@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.3.tgz#c774268c95ec07ee92476a3862b75cc2839beb79"
- integrity sha512-Gcsm1OHCUr9o9TcJln57xhWHtdXbA2pgQ58S0Lxlks0WMGNXuki4+GLfX0p+L2ZkINUGZvfkz8rzoqJQSthI+Q==
+"@babel/helper-create-class-features-plugin@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.4.tgz#2d4015d0136bd314103a70d84a7183e4b344a355"
+ integrity sha512-9raUiOsXPxzzLjCXeosApJItoMnX3uyT4QdM2UldffuGApNrF8e938MwNpDCK9CPoyxrEoCgT+hObJc3mZa6lQ==
dependencies:
- "@babel/helper-regex" "^7.8.3"
- regexpu-core "^4.6.0"
+ "@babel/helper-function-name" "^7.10.4"
+ "@babel/helper-member-expression-to-functions" "^7.10.4"
+ "@babel/helper-optimise-call-expression" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-replace-supers" "^7.10.4"
+ "@babel/helper-split-export-declaration" "^7.10.4"
-"@babel/helper-create-regexp-features-plugin@^7.8.8":
- version "7.8.8"
- resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.8.tgz#5d84180b588f560b7864efaeea89243e58312087"
- integrity sha512-LYVPdwkrQEiX9+1R29Ld/wTrmQu1SSKYnuOk3g0CkcZMA1p0gsNxJFj/3gBdaJ7Cg0Fnek5z0DsMULePP7Lrqg==
+"@babel/helper-create-regexp-features-plugin@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.10.4.tgz#fdd60d88524659a0b6959c0579925e425714f3b8"
+ integrity sha512-2/hu58IEPKeoLF45DBwx3XFqsbCXmkdAay4spVr2x0jYgRxrSNp+ePwvSsy9g6YSaNDcKIQVPXk1Ov8S2edk2g==
dependencies:
- "@babel/helper-annotate-as-pure" "^7.8.3"
- "@babel/helper-regex" "^7.8.3"
+ "@babel/helper-annotate-as-pure" "^7.10.4"
+ "@babel/helper-regex" "^7.10.4"
regexpu-core "^4.7.0"
-"@babel/helper-define-map@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.8.3.tgz#a0655cad5451c3760b726eba875f1cd8faa02c15"
- integrity sha512-PoeBYtxoZGtct3md6xZOCWPcKuMuk3IHhgxsRRNtnNShebf4C8YonTSblsK4tvDbm+eJAw2HAPOfCr+Q/YRG/g==
+"@babel/helper-define-map@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.10.4.tgz#f037ad794264f729eda1889f4ee210b870999092"
+ integrity sha512-nIij0oKErfCnLUCWaCaHW0Bmtl2RO9cN7+u2QT8yqTywgALKlyUVOvHDElh+b5DwVC6YB1FOYFOTWcN/+41EDA==
dependencies:
- "@babel/helper-function-name" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/helper-function-name" "^7.10.4"
+ "@babel/types" "^7.10.4"
lodash "^4.17.13"
-"@babel/helper-explode-assignable-expression@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.8.3.tgz#a728dc5b4e89e30fc2dfc7d04fa28a930653f982"
- integrity sha512-N+8eW86/Kj147bO9G2uclsg5pwfs/fqqY5rwgIL7eTBklgXjcOJ3btzS5iM6AitJcftnY7pm2lGsrJVYLGjzIw==
+"@babel/helper-explode-assignable-expression@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.10.4.tgz#40a1cd917bff1288f699a94a75b37a1a2dbd8c7c"
+ integrity sha512-4K71RyRQNPRrR85sr5QY4X3VwG4wtVoXZB9+L3r1Gp38DhELyHCtovqydRi7c1Ovb17eRGiQ/FD5s8JdU0Uy5A==
dependencies:
- "@babel/traverse" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/traverse" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-function-name@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz#eeeb665a01b1f11068e9fb86ad56a1cb1a824cca"
- integrity sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==
+"@babel/helper-function-name@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a"
+ integrity sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==
dependencies:
- "@babel/helper-get-function-arity" "^7.8.3"
- "@babel/template" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/helper-get-function-arity" "^7.10.4"
+ "@babel/template" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-function-name@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.9.5.tgz#2b53820d35275120e1874a82e5aabe1376920a5c"
- integrity sha512-JVcQZeXM59Cd1qanDUxv9fgJpt3NeKUaqBqUEvfmQ+BCOKq2xUgaWZW2hr0dkbyJgezYuplEoh5knmrnS68efw==
+"@babel/helper-get-function-arity@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz#98c1cbea0e2332f33f9a4661b8ce1505b2c19ba2"
+ integrity sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==
dependencies:
- "@babel/helper-get-function-arity" "^7.8.3"
- "@babel/template" "^7.8.3"
- "@babel/types" "^7.9.5"
+ "@babel/types" "^7.10.4"
-"@babel/helper-get-function-arity@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
- integrity sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==
+"@babel/helper-hoist-variables@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz#d49b001d1d5a68ca5e6604dda01a6297f7c9381e"
+ integrity sha512-wljroF5PgCk2juF69kanHVs6vrLwIPNp6DLD+Lrl3hoQ3PpPPikaDRNFA+0t81NOoMt2DL6WW/mdU8k4k6ZzuA==
dependencies:
- "@babel/types" "^7.8.3"
+ "@babel/types" "^7.10.4"
-"@babel/helper-hoist-variables@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.8.3.tgz#1dbe9b6b55d78c9b4183fc8cdc6e30ceb83b7134"
- integrity sha512-ky1JLOjcDUtSc+xkt0xhYff7Z6ILTAHKmZLHPxAhOP0Nd77O+3nCsd6uSVYur6nJnCI029CrNbYlc0LoPfAPQg==
+"@babel/helper-member-expression-to-functions@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.4.tgz#7cd04b57dfcf82fce9aeae7d4e4452fa31b8c7c4"
+ integrity sha512-m5j85pK/KZhuSdM/8cHUABQTAslV47OjfIB9Cc7P+PvlAoBzdb79BGNfw8RhT5Mq3p+xGd0ZfAKixbrUZx0C7A==
dependencies:
- "@babel/types" "^7.8.3"
+ "@babel/types" "^7.10.4"
-"@babel/helper-member-expression-to-functions@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz#659b710498ea6c1d9907e0c73f206eee7dadc24c"
- integrity sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==
+"@babel/helper-module-imports@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz#4c5c54be04bd31670a7382797d75b9fa2e5b5620"
+ integrity sha512-nEQJHqYavI217oD9+s5MUBzk6x1IlvoS9WTPfgG43CbMEeStE0v+r+TucWdx8KFGowPGvyOkDT9+7DHedIDnVw==
dependencies:
- "@babel/types" "^7.8.3"
+ "@babel/types" "^7.10.4"
-"@babel/helper-module-imports@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.8.3.tgz#7fe39589b39c016331b6b8c3f441e8f0b1419498"
- integrity sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==
+"@babel/helper-module-transforms@^7.10.4", "@babel/helper-module-transforms@^7.10.5":
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.10.5.tgz#120c271c0b3353673fcdfd8c053db3c544a260d6"
+ integrity sha512-4P+CWMJ6/j1W915ITJaUkadLObmCRRSC234uctJfn/vHrsLNxsR8dwlcXv9ZhJWzl77awf+mWXSZEKt5t0OnlA==
dependencies:
- "@babel/types" "^7.8.3"
+ "@babel/helper-module-imports" "^7.10.4"
+ "@babel/helper-replace-supers" "^7.10.4"
+ "@babel/helper-simple-access" "^7.10.4"
+ "@babel/helper-split-export-declaration" "^7.10.4"
+ "@babel/template" "^7.10.4"
+ "@babel/types" "^7.10.5"
+ lodash "^4.17.19"
-"@babel/helper-module-transforms@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.9.0.tgz#43b34dfe15961918707d247327431388e9fe96e5"
- integrity sha512-0FvKyu0gpPfIQ8EkxlrAydOWROdHpBmiCiRwLkUiBGhCUPRRbVD2/tm3sFr/c/GWFrQ/ffutGUAnx7V0FzT2wA==
+"@babel/helper-optimise-call-expression@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz#50dc96413d594f995a77905905b05893cd779673"
+ integrity sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==
dependencies:
- "@babel/helper-module-imports" "^7.8.3"
- "@babel/helper-replace-supers" "^7.8.6"
- "@babel/helper-simple-access" "^7.8.3"
- "@babel/helper-split-export-declaration" "^7.8.3"
- "@babel/template" "^7.8.6"
- "@babel/types" "^7.9.0"
- lodash "^4.17.13"
+ "@babel/types" "^7.10.4"
-"@babel/helper-optimise-call-expression@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz#7ed071813d09c75298ef4f208956006b6111ecb9"
- integrity sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==
- dependencies:
- "@babel/types" "^7.8.3"
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
+ integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz#9ea293be19babc0f52ff8ca88b34c3611b208670"
- integrity sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==
-
-"@babel/helper-regex@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.8.3.tgz#139772607d51b93f23effe72105b319d2a4c6965"
- integrity sha512-BWt0QtYv/cg/NecOAZMdcn/waj/5P26DR4mVLXfFtDokSR6fyuG0Pj+e2FqtSME+MqED1khnSMulkmGl8qWiUQ==
+"@babel/helper-regex@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.10.4.tgz#59b373daaf3458e5747dece71bbaf45f9676af6d"
+ integrity sha512-inWpnHGgtg5NOF0eyHlC0/74/VkdRITY9dtTpB2PrxKKn+AkVMRiZz/Adrx+Ssg+MLDesi2zohBW6MVq6b4pOQ==
dependencies:
lodash "^4.17.13"
-"@babel/helper-remap-async-to-generator@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.8.3.tgz#273c600d8b9bf5006142c1e35887d555c12edd86"
- integrity sha512-kgwDmw4fCg7AVgS4DukQR/roGp+jP+XluJE5hsRZwxCYGg+Rv9wSGErDWhlI90FODdYfd4xG4AQRiMDjjN0GzA==
+"@babel/helper-remap-async-to-generator@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.4.tgz#fce8bea4e9690bbe923056ded21e54b4e8b68ed5"
+ integrity sha512-86Lsr6NNw3qTNl+TBcF1oRZMaVzJtbWTyTko+CQL/tvNvcGYEFKbLXDPxtW0HKk3McNOk4KzY55itGWCAGK5tg==
dependencies:
- "@babel/helper-annotate-as-pure" "^7.8.3"
- "@babel/helper-wrap-function" "^7.8.3"
- "@babel/template" "^7.8.3"
- "@babel/traverse" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/helper-annotate-as-pure" "^7.10.4"
+ "@babel/helper-wrap-function" "^7.10.4"
+ "@babel/template" "^7.10.4"
+ "@babel/traverse" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-replace-supers@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.8.3.tgz#91192d25f6abbcd41da8a989d4492574fb1530bc"
- integrity sha512-xOUssL6ho41U81etpLoT2RTdvdus4VfHamCuAm4AHxGr+0it5fnwoVdwUJ7GFEqCsQYzJUhcbsN9wB9apcYKFA==
+"@babel/helper-replace-supers@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz#d585cd9388ea06e6031e4cd44b6713cbead9e6cf"
+ integrity sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==
dependencies:
- "@babel/helper-member-expression-to-functions" "^7.8.3"
- "@babel/helper-optimise-call-expression" "^7.8.3"
- "@babel/traverse" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/helper-member-expression-to-functions" "^7.10.4"
+ "@babel/helper-optimise-call-expression" "^7.10.4"
+ "@babel/traverse" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-replace-supers@^7.8.6":
- version "7.8.6"
- resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.8.6.tgz#5ada744fd5ad73203bf1d67459a27dcba67effc8"
- integrity sha512-PeMArdA4Sv/Wf4zXwBKPqVj7n9UF/xg6slNRtZW84FM7JpE1CbG8B612FyM4cxrf4fMAMGO0kR7voy1ForHHFA==
+"@babel/helper-simple-access@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.10.4.tgz#0f5ccda2945277a2a7a2d3a821e15395edcf3461"
+ integrity sha512-0fMy72ej/VEvF8ULmX6yb5MtHG4uH4Dbd6I/aHDb/JVg0bbivwt9Wg+h3uMvX+QSFtwr5MeItvazbrc4jtRAXw==
dependencies:
- "@babel/helper-member-expression-to-functions" "^7.8.3"
- "@babel/helper-optimise-call-expression" "^7.8.3"
- "@babel/traverse" "^7.8.6"
- "@babel/types" "^7.8.6"
+ "@babel/template" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-simple-access@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.8.3.tgz#7f8109928b4dab4654076986af575231deb639ae"
- integrity sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==
+"@babel/helper-split-export-declaration@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.4.tgz#2c70576eaa3b5609b24cb99db2888cc3fc4251d1"
+ integrity sha512-pySBTeoUff56fL5CBU2hWm9TesA4r/rOkI9DyJLvvgz09MB9YtfIYe3iBriVaYNaPe+Alua0vBIOVOLs2buWhg==
dependencies:
- "@babel/template" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/types" "^7.10.4"
-"@babel/helper-split-export-declaration@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
- integrity sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==
+"@babel/helper-validator-identifier@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+ integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
+
+"@babel/helper-wrap-function@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.10.4.tgz#8a6f701eab0ff39f765b5a1cfef409990e624b87"
+ integrity sha512-6py45WvEF0MhiLrdxtRjKjufwLL1/ob2qDJgg5JgNdojBAZSAKnAjkyOCNug6n+OBl4VW76XjvgSFTdaMcW0Ug==
dependencies:
- "@babel/types" "^7.8.3"
+ "@babel/helper-function-name" "^7.10.4"
+ "@babel/template" "^7.10.4"
+ "@babel/traverse" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helper-validator-identifier@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz#90977a8e6fbf6b431a7dc31752eee233bf052d80"
- integrity sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==
-
-"@babel/helper-wrap-function@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.8.3.tgz#9dbdb2bb55ef14aaa01fe8c99b629bd5352d8610"
- integrity sha512-LACJrbUET9cQDzb6kG7EeD7+7doC3JNvUgTEQOx2qaO1fKlzE/Bf05qs9w1oXQMmXlPO65lC3Tq9S6gZpTErEQ==
+"@babel/helpers@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.10.4.tgz#2abeb0d721aff7c0a97376b9e1f6f65d7a475044"
+ integrity sha512-L2gX/XeUONeEbI78dXSrJzGdz4GQ+ZTA/aazfUsFaWjSe95kiCuOZ5HsXvkiw3iwF+mFHSRUfJU8t6YavocdXA==
dependencies:
- "@babel/helper-function-name" "^7.8.3"
- "@babel/template" "^7.8.3"
- "@babel/traverse" "^7.8.3"
- "@babel/types" "^7.8.3"
+ "@babel/template" "^7.10.4"
+ "@babel/traverse" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/helpers@^7.9.0":
- version "7.9.2"
- resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.9.2.tgz#b42a81a811f1e7313b88cba8adc66b3d9ae6c09f"
- integrity sha512-JwLvzlXVPjO8eU9c/wF9/zOIN7X6h8DYf7mG4CiFRZRvZNKEF5dQ3H3V+ASkHoIB3mWhatgl5ONhyqHRI6MppA==
- dependencies:
- "@babel/template" "^7.8.3"
- "@babel/traverse" "^7.9.0"
- "@babel/types" "^7.9.0"
-
-"@babel/highlight@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.8.3.tgz#28f173d04223eaaa59bc1d439a3836e6d1265797"
- integrity sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==
+"@babel/highlight@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+ integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
dependencies:
+ "@babel/helper-validator-identifier" "^7.10.4"
chalk "^2.0.0"
- esutils "^2.0.2"
js-tokens "^4.0.0"
"@babel/node@^7.0.0":
- version "7.8.7"
- resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.8.7.tgz#4213ea99f0c86cc1cf460e61131e7acbb723e13a"
- integrity sha512-o8cBT3cfRPLwoPh7VBYonSeZypIawGUeVfOIt1xSDgcDdirRGDPZ7/x+FLhhgQmKp3PKbz5Juh9/BNP4Jzrr9Q==
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.10.5.tgz#30866322aa2c0251a9bdd73d07a9167bd1f4ed64"
+ integrity sha512-suosS7zZ2roj+fYVCnDuVezUbRc0sdoyF0Gj/1FzWxD4ebbGiBGtL5qyqHH4NO34B5m4vWWYWgyNhSsrqS8vwA==
dependencies:
- "@babel/register" "^7.8.3"
+ "@babel/register" "^7.10.5"
commander "^4.0.1"
core-js "^3.2.1"
- lodash "^4.17.13"
+ lodash "^4.17.19"
node-environment-flags "^1.0.5"
regenerator-runtime "^0.13.4"
resolve "^1.13.1"
v8flags "^3.1.1"
-"@babel/parser@^7.1.0", "@babel/parser@^7.7.5", "@babel/parser@^7.8.6", "@babel/parser@^7.9.0":
- version "7.9.3"
- resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.9.3.tgz#043a5fc2ad8b7ea9facddc4e802a1f0f25da7255"
- integrity sha512-E6SpIDJZ0cZAKoCNk+qSDd0ChfTnpiJN9FfNf3RZ20dzwA2vL2oq5IX1XTVT+4vDmRlta2nGk5HGMMskJAR+4A==
+"@babel/parser@^7.1.0", "@babel/parser@^7.10.4", "@babel/parser@^7.10.5", "@babel/parser@^7.7.5":
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
+ integrity sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==
-"@babel/plugin-proposal-async-generator-functions@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.8.3.tgz#bad329c670b382589721b27540c7d288601c6e6f"
- integrity sha512-NZ9zLv848JsV3hs8ryEh7Uaz/0KsmPLqv0+PdkDJL1cJy0K4kOCFa8zc1E3mp+RHPQcpdfb/6GovEsW4VDrOMw==
+"@babel/plugin-proposal-async-generator-functions@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.4.tgz#4b65abb3d9bacc6c657aaa413e56696f9f170fc6"
+ integrity sha512-MJbxGSmejEFVOANAezdO39SObkURO5o/8b6fSH6D1pi9RZQt+ldppKPXfqgUWpSQ9asM6xaSaSJIaeWMDRP0Zg==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/helper-remap-async-to-generator" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-remap-async-to-generator" "^7.10.4"
"@babel/plugin-syntax-async-generators" "^7.8.0"
-"@babel/plugin-proposal-dynamic-import@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.8.3.tgz#38c4fe555744826e97e2ae930b0fb4cc07e66054"
- integrity sha512-NyaBbyLFXFLT9FP+zk0kYlUlA8XtCUbehs67F0nnEg7KICgMc2mNkIeu9TYhKzyXMkrapZFwAhXLdnt4IYHy1w==
+"@babel/plugin-proposal-class-properties@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.4.tgz#a33bf632da390a59c7a8c570045d1115cd778807"
+ integrity sha512-vhwkEROxzcHGNu2mzUC0OFFNXdZ4M23ib8aRRcJSsW8BZK9pQMD7QB7csl97NBbgGZO7ZyHUyKDnxzOaP4IrCg==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-create-class-features-plugin" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-proposal-dynamic-import@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.10.4.tgz#ba57a26cb98b37741e9d5bca1b8b0ddf8291f17e"
+ integrity sha512-up6oID1LeidOOASNXgv/CFbgBqTuKJ0cJjz6An5tWD+NVBNlp3VNSBxv2ZdU7SYl3NxJC7agAQDApZusV6uFwQ==
+ dependencies:
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-dynamic-import" "^7.8.0"
-"@babel/plugin-proposal-json-strings@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.8.3.tgz#da5216b238a98b58a1e05d6852104b10f9a70d6b"
- integrity sha512-KGhQNZ3TVCQG/MjRbAUwuH+14y9q0tpxs1nWWs3pbSleRdDro9SAMMDyye8HhY1gqZ7/NqIc8SKhya0wRDgP1Q==
+"@babel/plugin-proposal-json-strings@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.10.4.tgz#593e59c63528160233bd321b1aebe0820c2341db"
+ integrity sha512-fCL7QF0Jo83uy1K0P2YXrfX11tj3lkpN7l4dMv9Y9VkowkhkQDwFHFd8IiwyK5MZjE8UpbgokkgtcReH88Abaw==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-json-strings" "^7.8.0"
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.8.3.tgz#e4572253fdeed65cddeecfdab3f928afeb2fd5d2"
- integrity sha512-TS9MlfzXpXKt6YYomudb/KU7nQI6/xnapG6in1uZxoxDghuSMZsPb6D2fyUwNYSAp4l1iR7QtFOjkqcRYcUsfw==
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.4.tgz#02a7e961fc32e6d5b2db0649e01bf80ddee7e04a"
+ integrity sha512-wq5n1M3ZUlHl9sqT2ok1T2/MTt6AXE0e1Lz4WzWBr95LsAZ5qDXe4KnFuauYyEyLiohvXFMdbsOTMyLZs91Zlw==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
-"@babel/plugin-proposal-numeric-separator@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.8.3.tgz#5d6769409699ec9b3b68684cd8116cedff93bad8"
- integrity sha512-jWioO1s6R/R+wEHizfaScNsAx+xKgwTLNXSh7tTC4Usj3ItsPEhYkEpU4h+lpnBwq7NBVOJXfO6cRFYcX69JUQ==
+"@babel/plugin-proposal-numeric-separator@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.4.tgz#ce1590ff0a65ad12970a609d78855e9a4c1aef06"
+ integrity sha512-73/G7QoRoeNkLZFxsoCCvlg4ezE4eM+57PnOqgaPOozd5myfj7p0muD1mRVJvbUWbOzD+q3No2bWbaKy+DJ8DA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/plugin-syntax-numeric-separator" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-"@babel/plugin-proposal-object-rest-spread@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.9.5.tgz#3fd65911306d8746014ec0d0cf78f0e39a149116"
- integrity sha512-VP2oXvAf7KCYTthbUHwBlewbl1Iq059f6seJGsxMizaCdgHIeczOr7FBqELhSqfkIl04Fi8okzWzl63UKbQmmg==
+"@babel/plugin-proposal-object-rest-spread@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.10.4.tgz#50129ac216b9a6a55b3853fdd923e74bf553a4c0"
+ integrity sha512-6vh4SqRuLLarjgeOf4EaROJAHjvu9Gl+/346PbDH9yWbJyfnJ/ah3jmYKYtswEyCoWZiidvVHjHshd4WgjB9BA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-object-rest-spread" "^7.8.0"
- "@babel/plugin-transform-parameters" "^7.9.5"
+ "@babel/plugin-transform-parameters" "^7.10.4"
-"@babel/plugin-proposal-optional-catch-binding@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.8.3.tgz#9dee96ab1650eed88646ae9734ca167ac4a9c5c9"
- integrity sha512-0gkX7J7E+AtAw9fcwlVQj8peP61qhdg/89D5swOkjYbkboA2CVckn3kiyum1DE0wskGb7KJJxBdyEBApDLLVdw==
+"@babel/plugin-proposal-optional-catch-binding@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.10.4.tgz#31c938309d24a78a49d68fdabffaa863758554dd"
+ integrity sha512-LflT6nPh+GK2MnFiKDyLiqSqVHkQnVf7hdoAvyTnnKj9xB3docGRsdPuxp6qqqW19ifK3xgc9U5/FwrSaCNX5g==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
-"@babel/plugin-proposal-optional-chaining@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.9.0.tgz#31db16b154c39d6b8a645292472b98394c292a58"
- integrity sha512-NDn5tu3tcv4W30jNhmc2hyD5c56G6cXx4TesJubhxrJeCvuuMpttxr0OnNCqbZGhFjLrg+NIhxxC+BK5F6yS3w==
+"@babel/plugin-proposal-optional-chaining@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.10.4.tgz#750f1255e930a1f82d8cdde45031f81a0d0adff7"
+ integrity sha512-ZIhQIEeavTgouyMSdZRap4VPPHqJJ3NEs2cuHs5p0erH+iz6khB0qfgU8g7UuJkG88+fBMy23ZiU+nuHvekJeQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-optional-chaining" "^7.8.0"
-"@babel/plugin-proposal-unicode-property-regex@^7.4.4", "@babel/plugin-proposal-unicode-property-regex@^7.8.3":
- version "7.8.8"
- resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.8.tgz#ee3a95e90cdc04fe8cd92ec3279fa017d68a0d1d"
- integrity sha512-EVhjVsMpbhLw9ZfHWSx2iy13Q8Z/eg8e8ccVWt23sWQK5l1UdkoLJPN5w69UA4uITGBnEZD2JOe4QOHycYKv8A==
+"@babel/plugin-proposal-private-methods@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.10.4.tgz#b160d972b8fdba5c7d111a145fc8c421fc2a6909"
+ integrity sha512-wh5GJleuI8k3emgTg5KkJK6kHNsGEr0uBTDBuQUBJwckk9xs1ez79ioheEVVxMLyPscB0LfkbVHslQqIzWV6Bw==
dependencies:
- "@babel/helper-create-regexp-features-plugin" "^7.8.8"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-create-class-features-plugin" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-proposal-unicode-property-regex@^7.10.4", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.10.4.tgz#4483cda53041ce3413b7fe2f00022665ddfaa75d"
+ integrity sha512-H+3fOgPnEXFL9zGYtKQe4IDOPKYlZdF1kqFDQRRb8PK4B8af1vAGK04tF5iQAAsui+mHNBQSAtd2/ndEDe9wuA==
+ dependencies:
+ "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-async-generators@^7.8.0", "@babel/plugin-syntax-async-generators@^7.8.4":
version "7.8.4"
@@ -390,12 +390,12 @@
dependencies:
"@babel/helper-plugin-utils" "^7.8.0"
-"@babel/plugin-syntax-class-properties@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.8.3.tgz#6cb933a8872c8d359bfde69bbeaae5162fd1e8f7"
- integrity sha512-UcAyQWg2bAN647Q+O811tG9MrJ38Z10jjhQdKNAL8fsyPzE3cCN/uT+f55cFVY4aGO4jqJAvmqsuY3GQDwAoXg==
+"@babel/plugin-syntax-class-properties@^7.10.4", "@babel/plugin-syntax-class-properties@^7.8.3":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.10.4.tgz#6644e6a0baa55a61f9e3231f6c9eeb6ee46c124c"
+ integrity sha512-GCSBF7iUle6rNugfURwNmCGG3Z/2+opxAMLs1nND4bhEG5PuxTIggDBoeYYSujAlLtsupzOHYJQgPS3pivwXIA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-dynamic-import@^7.8.0":
version "7.8.0"
@@ -425,12 +425,12 @@
dependencies:
"@babel/helper-plugin-utils" "^7.8.0"
-"@babel/plugin-syntax-numeric-separator@^7.8.0", "@babel/plugin-syntax-numeric-separator@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.8.3.tgz#0e3fb63e09bea1b11e96467271c8308007e7c41f"
- integrity sha512-H7dCMAdN83PcCmqmkHB5dtp+Xa9a6LKSvA2hiFBC/5alSHxM5VgWZXFqDi0YFe8XNGT6iCa+z4V4zSt/PdZ7Dw==
+"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+ integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-object-rest-spread@^7.8.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3":
version "7.8.3"
@@ -453,318 +453,329 @@
dependencies:
"@babel/helper-plugin-utils" "^7.8.0"
-"@babel/plugin-syntax-top-level-await@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.8.3.tgz#3acdece695e6b13aaf57fc291d1a800950c71391"
- integrity sha512-kwj1j9lL/6Wd0hROD3b/OZZ7MSrZLqqn9RAZ5+cYYsflQ9HZBIKCUkr3+uL1MEJ1NePiUbf98jjiMQSv0NMR9g==
+"@babel/plugin-syntax-top-level-await@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.10.4.tgz#4bbeb8917b54fcf768364e0a81f560e33a3ef57d"
+ integrity sha512-ni1brg4lXEmWyafKr0ccFWkJG0CeMt4WV1oyeBW6EFObF4oOHclbkj5cARxAPQyAQ2UTuplJyK4nfkXIMMFvsQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-arrow-functions@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.8.3.tgz#82776c2ed0cd9e1a49956daeb896024c9473b8b6"
- integrity sha512-0MRF+KC8EqH4dbuITCWwPSzsyO3HIWWlm30v8BbbpOrS1B++isGxPnnuq/IZvOX5J2D/p7DQalQm+/2PnlKGxg==
+"@babel/plugin-transform-arrow-functions@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.10.4.tgz#e22960d77e697c74f41c501d44d73dbf8a6a64cd"
+ integrity sha512-9J/oD1jV0ZCBcgnoFWFq1vJd4msoKb/TCpGNFyyLt0zABdcvgK3aYikZ8HjzB14c26bc7E3Q1yugpwGy2aTPNA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-async-to-generator@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.8.3.tgz#4308fad0d9409d71eafb9b1a6ee35f9d64b64086"
- integrity sha512-imt9tFLD9ogt56Dd5CI/6XgpukMwd/fLGSrix2httihVe7LOGVPhyhMh1BU5kDM7iHD08i8uUtmV2sWaBFlHVQ==
+"@babel/plugin-transform-async-to-generator@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.10.4.tgz#41a5017e49eb6f3cda9392a51eef29405b245a37"
+ integrity sha512-F6nREOan7J5UXTLsDsZG3DXmZSVofr2tGNwfdrVwkDWHfQckbQXnXSPfD7iO+c/2HGqycwyLST3DnZ16n+cBJQ==
dependencies:
- "@babel/helper-module-imports" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/helper-remap-async-to-generator" "^7.8.3"
+ "@babel/helper-module-imports" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-remap-async-to-generator" "^7.10.4"
-"@babel/plugin-transform-block-scoped-functions@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.8.3.tgz#437eec5b799b5852072084b3ae5ef66e8349e8a3"
- integrity sha512-vo4F2OewqjbB1+yaJ7k2EJFHlTP3jR634Z9Cj9itpqNjuLXvhlVxgnjsHsdRgASR8xYDrx6onw4vW5H6We0Jmg==
+"@babel/plugin-transform-block-scoped-functions@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.10.4.tgz#1afa595744f75e43a91af73b0d998ecfe4ebc2e8"
+ integrity sha512-WzXDarQXYYfjaV1szJvN3AD7rZgZzC1JtjJZ8dMHUyiK8mxPRahynp14zzNjU3VkPqPsO38CzxiWO1c9ARZ8JA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-block-scoping@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.8.3.tgz#97d35dab66857a437c166358b91d09050c868f3a"
- integrity sha512-pGnYfm7RNRgYRi7bids5bHluENHqJhrV4bCZRwc5GamaWIIs07N4rZECcmJL6ZClwjDz1GbdMZFtPs27hTB06w==
+"@babel/plugin-transform-block-scoping@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.10.4.tgz#a670d1364bb5019a621b9ea2001482876d734787"
+ integrity sha512-J3b5CluMg3hPUii2onJDRiaVbPtKFPLEaV5dOPY5OeAbDi1iU/UbbFFTgwb7WnanaDy7bjU35kc26W3eM5Qa0A==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
lodash "^4.17.13"
-"@babel/plugin-transform-classes@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.9.5.tgz#800597ddb8aefc2c293ed27459c1fcc935a26c2c"
- integrity sha512-x2kZoIuLC//O5iA7PEvecB105o7TLzZo8ofBVhP79N+DO3jaX+KYfww9TQcfBEZD0nikNyYcGB1IKtRq36rdmg==
+"@babel/plugin-transform-classes@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.10.4.tgz#405136af2b3e218bc4a1926228bc917ab1a0adc7"
+ integrity sha512-2oZ9qLjt161dn1ZE0Ms66xBncQH4In8Sqw1YWgBUZuGVJJS5c0OFZXL6dP2MRHrkU/eKhWg8CzFJhRQl50rQxA==
dependencies:
- "@babel/helper-annotate-as-pure" "^7.8.3"
- "@babel/helper-define-map" "^7.8.3"
- "@babel/helper-function-name" "^7.9.5"
- "@babel/helper-optimise-call-expression" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/helper-replace-supers" "^7.8.6"
- "@babel/helper-split-export-declaration" "^7.8.3"
+ "@babel/helper-annotate-as-pure" "^7.10.4"
+ "@babel/helper-define-map" "^7.10.4"
+ "@babel/helper-function-name" "^7.10.4"
+ "@babel/helper-optimise-call-expression" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-replace-supers" "^7.10.4"
+ "@babel/helper-split-export-declaration" "^7.10.4"
globals "^11.1.0"
-"@babel/plugin-transform-computed-properties@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.8.3.tgz#96d0d28b7f7ce4eb5b120bb2e0e943343c86f81b"
- integrity sha512-O5hiIpSyOGdrQZRQ2ccwtTVkgUDBBiCuK//4RJ6UfePllUTCENOzKxfh6ulckXKc0DixTFLCfb2HVkNA7aDpzA==
+"@babel/plugin-transform-computed-properties@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.10.4.tgz#9ded83a816e82ded28d52d4b4ecbdd810cdfc0eb"
+ integrity sha512-JFwVDXcP/hM/TbyzGq3l/XWGut7p46Z3QvqFMXTfk6/09m7xZHJUN9xHfsv7vqqD4YnfI5ueYdSJtXqqBLyjBw==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-destructuring@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.9.5.tgz#72c97cf5f38604aea3abf3b935b0e17b1db76a50"
- integrity sha512-j3OEsGel8nHL/iusv/mRd5fYZ3DrOxWC82x0ogmdN/vHfAP4MYw+AFKYanzWlktNwikKvlzUV//afBW5FTp17Q==
+"@babel/plugin-transform-destructuring@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.10.4.tgz#70ddd2b3d1bea83d01509e9bb25ddb3a74fc85e5"
+ integrity sha512-+WmfvyfsyF603iPa6825mq6Qrb7uLjTOsa3XOFzlYcYDHSS4QmpOWOL0NNBY5qMbvrcf3tq0Cw+v4lxswOBpgA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-dotall-regex@^7.4.4", "@babel/plugin-transform-dotall-regex@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz#c3c6ec5ee6125c6993c5cbca20dc8621a9ea7a6e"
- integrity sha512-kLs1j9Nn4MQoBYdRXH6AeaXMbEJFaFu/v1nQkvib6QzTj8MZI5OQzqmD83/2jEM1z0DLilra5aWO5YpyC0ALIw==
+"@babel/plugin-transform-dotall-regex@^7.10.4", "@babel/plugin-transform-dotall-regex@^7.4.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.10.4.tgz#469c2062105c1eb6a040eaf4fac4b488078395ee"
+ integrity sha512-ZEAVvUTCMlMFAbASYSVQoxIbHm2OkG2MseW6bV2JjIygOjdVv8tuxrCTzj1+Rynh7ODb8GivUy7dzEXzEhuPaA==
dependencies:
- "@babel/helper-create-regexp-features-plugin" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-duplicate-keys@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.8.3.tgz#8d12df309aa537f272899c565ea1768e286e21f1"
- integrity sha512-s8dHiBUbcbSgipS4SMFuWGqCvyge5V2ZeAWzR6INTVC3Ltjig/Vw1G2Gztv0vU/hRG9X8IvKvYdoksnUfgXOEQ==
+"@babel/plugin-transform-duplicate-keys@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.10.4.tgz#697e50c9fee14380fe843d1f306b295617431e47"
+ integrity sha512-GL0/fJnmgMclHiBTTWXNlYjYsA7rDrtsazHG6mglaGSTh0KsrW04qml+Bbz9FL0LcJIRwBWL5ZqlNHKTkU3xAA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-exponentiation-operator@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.8.3.tgz#581a6d7f56970e06bf51560cd64f5e947b70d7b7"
- integrity sha512-zwIpuIymb3ACcInbksHaNcR12S++0MDLKkiqXHl3AzpgdKlFNhog+z/K0+TGW+b0w5pgTq4H6IwV/WhxbGYSjQ==
+"@babel/plugin-transform-exponentiation-operator@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.10.4.tgz#5ae338c57f8cf4001bdb35607ae66b92d665af2e"
+ integrity sha512-S5HgLVgkBcRdyQAHbKj+7KyuWx8C6t5oETmUuwz1pt3WTWJhsUV0WIIXuVvfXMxl/QQyHKlSCNNtaIamG8fysw==
dependencies:
- "@babel/helper-builder-binary-assignment-operator-visitor" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-for-of@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.9.0.tgz#0f260e27d3e29cd1bb3128da5e76c761aa6c108e"
- integrity sha512-lTAnWOpMwOXpyDx06N+ywmF3jNbafZEqZ96CGYabxHrxNX8l5ny7dt4bK/rGwAh9utyP2b2Hv7PlZh1AAS54FQ==
+"@babel/plugin-transform-for-of@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.10.4.tgz#c08892e8819d3a5db29031b115af511dbbfebae9"
+ integrity sha512-ItdQfAzu9AlEqmusA/65TqJ79eRcgGmpPPFvBnGILXZH975G0LNjP1yjHvGgfuCxqrPPueXOPe+FsvxmxKiHHQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-function-name@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.8.3.tgz#279373cb27322aaad67c2683e776dfc47196ed8b"
- integrity sha512-rO/OnDS78Eifbjn5Py9v8y0aR+aSYhDhqAwVfsTl0ERuMZyr05L1aFSCJnbv2mmsLkit/4ReeQ9N2BgLnOcPCQ==
+"@babel/plugin-transform-function-name@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.10.4.tgz#6a467880e0fc9638514ba369111811ddbe2644b7"
+ integrity sha512-OcDCq2y5+E0dVD5MagT5X+yTRbcvFjDI2ZVAottGH6tzqjx/LKpgkUepu3hp/u4tZBzxxpNGwLsAvGBvQ2mJzg==
dependencies:
- "@babel/helper-function-name" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-function-name" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-literals@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.8.3.tgz#aef239823d91994ec7b68e55193525d76dbd5dc1"
- integrity sha512-3Tqf8JJ/qB7TeldGl+TT55+uQei9JfYaregDcEAyBZ7akutriFrt6C/wLYIer6OYhleVQvH/ntEhjE/xMmy10A==
+"@babel/plugin-transform-literals@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.10.4.tgz#9f42ba0841100a135f22712d0e391c462f571f3c"
+ integrity sha512-Xd/dFSTEVuUWnyZiMu76/InZxLTYilOSr1UlHV+p115Z/Le2Fi1KXkJUYz0b42DfndostYlPub3m8ZTQlMaiqQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-member-expression-literals@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.8.3.tgz#963fed4b620ac7cbf6029c755424029fa3a40410"
- integrity sha512-3Wk2EXhnw+rP+IDkK6BdtPKsUE5IeZ6QOGrPYvw52NwBStw9V1ZVzxgK6fSKSxqUvH9eQPR3tm3cOq79HlsKYA==
+"@babel/plugin-transform-member-expression-literals@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.10.4.tgz#b1ec44fcf195afcb8db2c62cd8e551c881baf8b7"
+ integrity sha512-0bFOvPyAoTBhtcJLr9VcwZqKmSjFml1iVxvPL0ReomGU53CX53HsM4h2SzckNdkQcHox1bpAqzxBI1Y09LlBSw==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-modules-amd@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.9.0.tgz#19755ee721912cf5bb04c07d50280af3484efef4"
- integrity sha512-vZgDDF003B14O8zJy0XXLnPH4sg+9X5hFBBGN1V+B2rgrB+J2xIypSN6Rk9imB2hSTHQi5OHLrFWsZab1GMk+Q==
+"@babel/plugin-transform-modules-amd@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.10.4.tgz#cb407c68b862e4c1d13a2fc738c7ec5ed75fc520"
+ integrity sha512-3Fw+H3WLUrTlzi3zMiZWp3AR4xadAEMv6XRCYnd5jAlLM61Rn+CRJaZMaNvIpcJpQ3vs1kyifYvEVPFfoSkKOA==
dependencies:
- "@babel/helper-module-transforms" "^7.9.0"
- "@babel/helper-plugin-utils" "^7.8.3"
- babel-plugin-dynamic-import-node "^2.3.0"
+ "@babel/helper-module-transforms" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ babel-plugin-dynamic-import-node "^2.3.3"
-"@babel/plugin-transform-modules-commonjs@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.9.0.tgz#e3e72f4cbc9b4a260e30be0ea59bdf5a39748940"
- integrity sha512-qzlCrLnKqio4SlgJ6FMMLBe4bySNis8DFn1VkGmOcxG9gqEyPIOzeQrA//u0HAKrWpJlpZbZMPB1n/OPa4+n8g==
+"@babel/plugin-transform-modules-commonjs@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.10.4.tgz#66667c3eeda1ebf7896d41f1f16b17105a2fbca0"
+ integrity sha512-Xj7Uq5o80HDLlW64rVfDBhao6OX89HKUmb+9vWYaLXBZOma4gA6tw4Ni1O5qVDoZWUV0fxMYA0aYzOawz0l+1w==
dependencies:
- "@babel/helper-module-transforms" "^7.9.0"
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/helper-simple-access" "^7.8.3"
- babel-plugin-dynamic-import-node "^2.3.0"
+ "@babel/helper-module-transforms" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-simple-access" "^7.10.4"
+ babel-plugin-dynamic-import-node "^2.3.3"
-"@babel/plugin-transform-modules-systemjs@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.9.0.tgz#e9fd46a296fc91e009b64e07ddaa86d6f0edeb90"
- integrity sha512-FsiAv/nao/ud2ZWy4wFacoLOm5uxl0ExSQ7ErvP7jpoihLR6Cq90ilOFyX9UXct3rbtKsAiZ9kFt5XGfPe/5SQ==
+"@babel/plugin-transform-modules-systemjs@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.10.4.tgz#8f576afd943ac2f789b35ded0a6312f929c633f9"
+ integrity sha512-Tb28LlfxrTiOTGtZFsvkjpyjCl9IoaRI52AEU/VIwOwvDQWtbNJsAqTXzh+5R7i74e/OZHH2c2w2fsOqAfnQYQ==
dependencies:
- "@babel/helper-hoist-variables" "^7.8.3"
- "@babel/helper-module-transforms" "^7.9.0"
- "@babel/helper-plugin-utils" "^7.8.3"
- babel-plugin-dynamic-import-node "^2.3.0"
+ "@babel/helper-hoist-variables" "^7.10.4"
+ "@babel/helper-module-transforms" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ babel-plugin-dynamic-import-node "^2.3.3"
-"@babel/plugin-transform-modules-umd@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.9.0.tgz#e909acae276fec280f9b821a5f38e1f08b480697"
- integrity sha512-uTWkXkIVtg/JGRSIABdBoMsoIeoHQHPTL0Y2E7xf5Oj7sLqwVsNXOkNk0VJc7vF0IMBsPeikHxFjGe+qmwPtTQ==
+"@babel/plugin-transform-modules-umd@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.10.4.tgz#9a8481fe81b824654b3a0b65da3df89f3d21839e"
+ integrity sha512-mohW5q3uAEt8T45YT7Qc5ws6mWgJAaL/8BfWD9Dodo1A3RKWli8wTS+WiQ/knF+tXlPirW/1/MqzzGfCExKECA==
dependencies:
- "@babel/helper-module-transforms" "^7.9.0"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-module-transforms" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz#a2a72bffa202ac0e2d0506afd0939c5ecbc48c6c"
- integrity sha512-f+tF/8UVPU86TrCb06JoPWIdDpTNSGGcAtaD9mLP0aYGA0OS0j7j7DHJR0GTFrUZPUU6loZhbsVZgTh0N+Qdnw==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.10.4.tgz#78b4d978810b6f3bcf03f9e318f2fc0ed41aecb6"
+ integrity sha512-V6LuOnD31kTkxQPhKiVYzYC/Jgdq53irJC/xBSmqcNcqFGV+PER4l6rU5SH2Vl7bH9mLDHcc0+l9HUOe4RNGKA==
dependencies:
- "@babel/helper-create-regexp-features-plugin" "^7.8.3"
+ "@babel/helper-create-regexp-features-plugin" "^7.10.4"
-"@babel/plugin-transform-new-target@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.8.3.tgz#60cc2ae66d85c95ab540eb34babb6434d4c70c43"
- integrity sha512-QuSGysibQpyxexRyui2vca+Cmbljo8bcRckgzYV4kRIsHpVeyeC3JDO63pY+xFZ6bWOBn7pfKZTqV4o/ix9sFw==
+"@babel/plugin-transform-new-target@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.10.4.tgz#9097d753cb7b024cb7381a3b2e52e9513a9c6888"
+ integrity sha512-YXwWUDAH/J6dlfwqlWsztI2Puz1NtUAubXhOPLQ5gjR/qmQ5U96DY4FQO8At33JN4XPBhrjB8I4eMmLROjjLjw==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-object-super@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.8.3.tgz#ebb6a1e7a86ffa96858bd6ac0102d65944261725"
- integrity sha512-57FXk+gItG/GejofIyLIgBKTas4+pEU47IXKDBWFTxdPd7F80H8zybyAY7UoblVfBhBGs2EKM+bJUu2+iUYPDQ==
+"@babel/plugin-transform-object-super@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.10.4.tgz#d7146c4d139433e7a6526f888c667e314a093894"
+ integrity sha512-5iTw0JkdRdJvr7sY0vHqTpnruUpTea32JHmq/atIWqsnNussbRzjEDyWep8UNztt1B5IusBYg8Irb0bLbiEBCQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/helper-replace-supers" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-replace-supers" "^7.10.4"
-"@babel/plugin-transform-parameters@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.9.5.tgz#173b265746f5e15b2afe527eeda65b73623a0795"
- integrity sha512-0+1FhHnMfj6lIIhVvS4KGQJeuhe1GI//h5uptK4PvLt+BGBxsoUJbd3/IW002yk//6sZPlFgsG1hY6OHLcy6kA==
+"@babel/plugin-transform-parameters@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.10.4.tgz#7b4d137c87ea7adc2a0f3ebf53266871daa6fced"
+ integrity sha512-RurVtZ/D5nYfEg0iVERXYKEgDFeesHrHfx8RT05Sq57ucj2eOYAP6eu5fynL4Adju4I/mP/I6SO0DqNWAXjfLQ==
dependencies:
- "@babel/helper-get-function-arity" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-get-function-arity" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-property-literals@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.8.3.tgz#33194300d8539c1ed28c62ad5087ba3807b98263"
- integrity sha512-uGiiXAZMqEoQhRWMK17VospMZh5sXWg+dlh2soffpkAl96KAm+WZuJfa6lcELotSRmooLqg0MWdH6UUq85nmmg==
+"@babel/plugin-transform-property-literals@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.10.4.tgz#f6fe54b6590352298785b83edd815d214c42e3c0"
+ integrity sha512-ofsAcKiUxQ8TY4sScgsGeR2vJIsfrzqvFb9GvJ5UdXDzl+MyYCaBj/FGzXuv7qE0aJcjWMILny1epqelnFlz8g==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-regenerator@^7.8.7":
- version "7.8.7"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.8.7.tgz#5e46a0dca2bee1ad8285eb0527e6abc9c37672f8"
- integrity sha512-TIg+gAl4Z0a3WmD3mbYSk+J9ZUH6n/Yc57rtKRnlA/7rcCvpekHXe0CMZHP1gYp7/KLe9GHTuIba0vXmls6drA==
+"@babel/plugin-transform-regenerator@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.10.4.tgz#2015e59d839074e76838de2159db421966fd8b63"
+ integrity sha512-3thAHwtor39A7C04XucbMg17RcZ3Qppfxr22wYzZNcVIkPHfpM9J0SO8zuCV6SZa265kxBJSrfKTvDCYqBFXGw==
dependencies:
regenerator-transform "^0.14.2"
-"@babel/plugin-transform-reserved-words@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.8.3.tgz#9a0635ac4e665d29b162837dd3cc50745dfdf1f5"
- integrity sha512-mwMxcycN3omKFDjDQUl+8zyMsBfjRFr0Zn/64I41pmjv4NJuqcYlEtezwYtw9TFd9WR1vN5kiM+O0gMZzO6L0A==
+"@babel/plugin-transform-reserved-words@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.10.4.tgz#8f2682bcdcef9ed327e1b0861585d7013f8a54dd"
+ integrity sha512-hGsw1O6Rew1fkFbDImZIEqA8GoidwTAilwCyWqLBM9f+e/u/sQMQu7uX6dyokfOayRuuVfKOW4O7HvaBWM+JlQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-shorthand-properties@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.8.3.tgz#28545216e023a832d4d3a1185ed492bcfeac08c8"
- integrity sha512-I9DI6Odg0JJwxCHzbzW08ggMdCezoWcuQRz3ptdudgwaHxTjxw5HgdFJmZIkIMlRymL6YiZcped4TTCB0JcC8w==
+"@babel/plugin-transform-shorthand-properties@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.10.4.tgz#9fd25ec5cdd555bb7f473e5e6ee1c971eede4dd6"
+ integrity sha512-AC2K/t7o07KeTIxMoHneyX90v3zkm5cjHJEokrPEAGEy3UCp8sLKfnfOIGdZ194fyN4wfX/zZUWT9trJZ0qc+Q==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-spread@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.8.3.tgz#9c8ffe8170fdfb88b114ecb920b82fb6e95fe5e8"
- integrity sha512-CkuTU9mbmAoFOI1tklFWYYbzX5qCIZVXPVy0jpXgGwkplCndQAa58s2jr66fTeQnA64bDox0HL4U56CFYoyC7g==
+"@babel/plugin-transform-spread@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.10.4.tgz#4e2c85ea0d6abaee1b24dcfbbae426fe8d674cff"
+ integrity sha512-1e/51G/Ni+7uH5gktbWv+eCED9pP8ZpRhZB3jOaI3mmzfvJTWHkuyYTv0Z5PYtyM+Tr2Ccr9kUdQxn60fI5WuQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-sticky-regex@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.8.3.tgz#be7a1290f81dae767475452199e1f76d6175b100"
- integrity sha512-9Spq0vGCD5Bb4Z/ZXXSK5wbbLFMG085qd2vhL1JYu1WcQ5bXqZBAYRzU1d+p79GcHs2szYv5pVQCX13QgldaWw==
+"@babel/plugin-transform-sticky-regex@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.10.4.tgz#8f3889ee8657581130a29d9cc91d7c73b7c4a28d"
+ integrity sha512-Ddy3QZfIbEV0VYcVtFDCjeE4xwVTJWTmUtorAJkn6u/92Z/nWJNV+mILyqHKrUxXYKA2EoCilgoPePymKL4DvQ==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/helper-regex" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/helper-regex" "^7.10.4"
-"@babel/plugin-transform-template-literals@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.8.3.tgz#7bfa4732b455ea6a43130adc0ba767ec0e402a80"
- integrity sha512-820QBtykIQOLFT8NZOcTRJ1UNuztIELe4p9DCgvj4NK+PwluSJ49we7s9FB1HIGNIYT7wFUJ0ar2QpCDj0escQ==
+"@babel/plugin-transform-template-literals@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.10.4.tgz#e6375407b30fcb7fcfdbba3bb98ef3e9d36df7bc"
+ integrity sha512-4NErciJkAYe+xI5cqfS8pV/0ntlY5N5Ske/4ImxAVX7mk9Rxt2bwDTGv1Msc2BRJvWQcmYEC+yoMLdX22aE4VQ==
dependencies:
- "@babel/helper-annotate-as-pure" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-annotate-as-pure" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-typeof-symbol@^7.8.4":
- version "7.8.4"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.8.4.tgz#ede4062315ce0aaf8a657a920858f1a2f35fc412"
- integrity sha512-2QKyfjGdvuNfHsb7qnBBlKclbD4CfshH2KvDabiijLMGXPHJXGxtDzwIF7bQP+T0ysw8fYTtxPafgfs/c1Lrqg==
+"@babel/plugin-transform-typeof-symbol@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.10.4.tgz#9509f1a7eec31c4edbffe137c16cc33ff0bc5bfc"
+ integrity sha512-QqNgYwuuW0y0H+kUE/GWSR45t/ccRhe14Fs/4ZRouNNQsyd4o3PG4OtHiIrepbM2WKUBDAXKCAK/Lk4VhzTaGA==
dependencies:
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
-"@babel/plugin-transform-unicode-regex@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.8.3.tgz#0cef36e3ba73e5c57273effb182f46b91a1ecaad"
- integrity sha512-+ufgJjYdmWfSQ+6NS9VGUR2ns8cjJjYbrbi11mZBTaWm+Fui/ncTLFF28Ei1okavY+xkojGr1eJxNsWYeA5aZw==
+"@babel/plugin-transform-unicode-escapes@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.10.4.tgz#feae523391c7651ddac115dae0a9d06857892007"
+ integrity sha512-y5XJ9waMti2J+e7ij20e+aH+fho7Wb7W8rNuu72aKRwCHFqQdhkdU2lo3uZ9tQuboEJcUFayXdARhcxLQ3+6Fg==
dependencies:
- "@babel/helper-create-regexp-features-plugin" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
+ "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-unicode-regex@^7.10.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.10.4.tgz#e56d71f9282fac6db09c82742055576d5e6d80a8"
+ integrity sha512-wNfsc4s8N2qnIwpO/WP2ZiSyjfpTamT2C9V9FDH/Ljub9zw6P3SjkXcFmc0RQUt96k2fmIvtla2MMjgTwIAC+A==
+ dependencies:
+ "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
"@babel/preset-env@^7.0.0":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.9.5.tgz#8ddc76039bc45b774b19e2fc548f6807d8a8919f"
- integrity sha512-eWGYeADTlPJH+wq1F0wNfPbVS1w1wtmMJiYk55Td5Yu28AsdR9AsC97sZ0Qq8fHqQuslVSIYSGJMcblr345GfQ==
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.10.4.tgz#fbf57f9a803afd97f4f32e4f798bb62e4b2bef5f"
+ integrity sha512-tcmuQ6vupfMZPrLrc38d0sF2OjLT3/bZ0dry5HchNCQbrokoQi4reXqclvkkAT5b+gWc23meVWpve5P/7+w/zw==
dependencies:
- "@babel/compat-data" "^7.9.0"
- "@babel/helper-compilation-targets" "^7.8.7"
- "@babel/helper-module-imports" "^7.8.3"
- "@babel/helper-plugin-utils" "^7.8.3"
- "@babel/plugin-proposal-async-generator-functions" "^7.8.3"
- "@babel/plugin-proposal-dynamic-import" "^7.8.3"
- "@babel/plugin-proposal-json-strings" "^7.8.3"
- "@babel/plugin-proposal-nullish-coalescing-operator" "^7.8.3"
- "@babel/plugin-proposal-numeric-separator" "^7.8.3"
- "@babel/plugin-proposal-object-rest-spread" "^7.9.5"
- "@babel/plugin-proposal-optional-catch-binding" "^7.8.3"
- "@babel/plugin-proposal-optional-chaining" "^7.9.0"
- "@babel/plugin-proposal-unicode-property-regex" "^7.8.3"
+ "@babel/compat-data" "^7.10.4"
+ "@babel/helper-compilation-targets" "^7.10.4"
+ "@babel/helper-module-imports" "^7.10.4"
+ "@babel/helper-plugin-utils" "^7.10.4"
+ "@babel/plugin-proposal-async-generator-functions" "^7.10.4"
+ "@babel/plugin-proposal-class-properties" "^7.10.4"
+ "@babel/plugin-proposal-dynamic-import" "^7.10.4"
+ "@babel/plugin-proposal-json-strings" "^7.10.4"
+ "@babel/plugin-proposal-nullish-coalescing-operator" "^7.10.4"
+ "@babel/plugin-proposal-numeric-separator" "^7.10.4"
+ "@babel/plugin-proposal-object-rest-spread" "^7.10.4"
+ "@babel/plugin-proposal-optional-catch-binding" "^7.10.4"
+ "@babel/plugin-proposal-optional-chaining" "^7.10.4"
+ "@babel/plugin-proposal-private-methods" "^7.10.4"
+ "@babel/plugin-proposal-unicode-property-regex" "^7.10.4"
"@babel/plugin-syntax-async-generators" "^7.8.0"
+ "@babel/plugin-syntax-class-properties" "^7.10.4"
"@babel/plugin-syntax-dynamic-import" "^7.8.0"
"@babel/plugin-syntax-json-strings" "^7.8.0"
"@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
- "@babel/plugin-syntax-numeric-separator" "^7.8.0"
+ "@babel/plugin-syntax-numeric-separator" "^7.10.4"
"@babel/plugin-syntax-object-rest-spread" "^7.8.0"
"@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
"@babel/plugin-syntax-optional-chaining" "^7.8.0"
- "@babel/plugin-syntax-top-level-await" "^7.8.3"
- "@babel/plugin-transform-arrow-functions" "^7.8.3"
- "@babel/plugin-transform-async-to-generator" "^7.8.3"
- "@babel/plugin-transform-block-scoped-functions" "^7.8.3"
- "@babel/plugin-transform-block-scoping" "^7.8.3"
- "@babel/plugin-transform-classes" "^7.9.5"
- "@babel/plugin-transform-computed-properties" "^7.8.3"
- "@babel/plugin-transform-destructuring" "^7.9.5"
- "@babel/plugin-transform-dotall-regex" "^7.8.3"
- "@babel/plugin-transform-duplicate-keys" "^7.8.3"
- "@babel/plugin-transform-exponentiation-operator" "^7.8.3"
- "@babel/plugin-transform-for-of" "^7.9.0"
- "@babel/plugin-transform-function-name" "^7.8.3"
- "@babel/plugin-transform-literals" "^7.8.3"
- "@babel/plugin-transform-member-expression-literals" "^7.8.3"
- "@babel/plugin-transform-modules-amd" "^7.9.0"
- "@babel/plugin-transform-modules-commonjs" "^7.9.0"
- "@babel/plugin-transform-modules-systemjs" "^7.9.0"
- "@babel/plugin-transform-modules-umd" "^7.9.0"
- "@babel/plugin-transform-named-capturing-groups-regex" "^7.8.3"
- "@babel/plugin-transform-new-target" "^7.8.3"
- "@babel/plugin-transform-object-super" "^7.8.3"
- "@babel/plugin-transform-parameters" "^7.9.5"
- "@babel/plugin-transform-property-literals" "^7.8.3"
- "@babel/plugin-transform-regenerator" "^7.8.7"
- "@babel/plugin-transform-reserved-words" "^7.8.3"
- "@babel/plugin-transform-shorthand-properties" "^7.8.3"
- "@babel/plugin-transform-spread" "^7.8.3"
- "@babel/plugin-transform-sticky-regex" "^7.8.3"
- "@babel/plugin-transform-template-literals" "^7.8.3"
- "@babel/plugin-transform-typeof-symbol" "^7.8.4"
- "@babel/plugin-transform-unicode-regex" "^7.8.3"
+ "@babel/plugin-syntax-top-level-await" "^7.10.4"
+ "@babel/plugin-transform-arrow-functions" "^7.10.4"
+ "@babel/plugin-transform-async-to-generator" "^7.10.4"
+ "@babel/plugin-transform-block-scoped-functions" "^7.10.4"
+ "@babel/plugin-transform-block-scoping" "^7.10.4"
+ "@babel/plugin-transform-classes" "^7.10.4"
+ "@babel/plugin-transform-computed-properties" "^7.10.4"
+ "@babel/plugin-transform-destructuring" "^7.10.4"
+ "@babel/plugin-transform-dotall-regex" "^7.10.4"
+ "@babel/plugin-transform-duplicate-keys" "^7.10.4"
+ "@babel/plugin-transform-exponentiation-operator" "^7.10.4"
+ "@babel/plugin-transform-for-of" "^7.10.4"
+ "@babel/plugin-transform-function-name" "^7.10.4"
+ "@babel/plugin-transform-literals" "^7.10.4"
+ "@babel/plugin-transform-member-expression-literals" "^7.10.4"
+ "@babel/plugin-transform-modules-amd" "^7.10.4"
+ "@babel/plugin-transform-modules-commonjs" "^7.10.4"
+ "@babel/plugin-transform-modules-systemjs" "^7.10.4"
+ "@babel/plugin-transform-modules-umd" "^7.10.4"
+ "@babel/plugin-transform-named-capturing-groups-regex" "^7.10.4"
+ "@babel/plugin-transform-new-target" "^7.10.4"
+ "@babel/plugin-transform-object-super" "^7.10.4"
+ "@babel/plugin-transform-parameters" "^7.10.4"
+ "@babel/plugin-transform-property-literals" "^7.10.4"
+ "@babel/plugin-transform-regenerator" "^7.10.4"
+ "@babel/plugin-transform-reserved-words" "^7.10.4"
+ "@babel/plugin-transform-shorthand-properties" "^7.10.4"
+ "@babel/plugin-transform-spread" "^7.10.4"
+ "@babel/plugin-transform-sticky-regex" "^7.10.4"
+ "@babel/plugin-transform-template-literals" "^7.10.4"
+ "@babel/plugin-transform-typeof-symbol" "^7.10.4"
+ "@babel/plugin-transform-unicode-escapes" "^7.10.4"
+ "@babel/plugin-transform-unicode-regex" "^7.10.4"
"@babel/preset-modules" "^0.1.3"
- "@babel/types" "^7.9.5"
- browserslist "^4.9.1"
+ "@babel/types" "^7.10.4"
+ browserslist "^4.12.0"
core-js-compat "^3.6.2"
invariant "^2.2.2"
levenary "^1.1.1"
@@ -781,13 +792,13 @@
"@babel/types" "^7.4.4"
esutils "^2.0.2"
-"@babel/register@^7.8.3":
- version "7.8.3"
- resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.8.3.tgz#5d5d30cfcc918437535d724b8ac1e4a60c5db1f8"
- integrity sha512-t7UqebaWwo9nXWClIPLPloa5pN33A2leVs8Hf0e9g9YwUP8/H9NeR7DJU+4CXo23QtjChQv5a3DjEtT83ih1rg==
+"@babel/register@^7.10.5":
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.10.5.tgz#354f3574895f1307f79efe37a51525e52fd38d89"
+ integrity sha512-eYHdLv43nyvmPn9bfNfrcC4+iYNwdQ8Pxk1MFJuU/U5LpSYl/PH4dFMazCYZDFVi8ueG3shvO+AQfLrxpYulQw==
dependencies:
find-cache-dir "^2.0.0"
- lodash "^4.17.13"
+ lodash "^4.17.19"
make-dir "^2.1.0"
pirates "^4.0.0"
source-map-support "^0.5.16"
@@ -799,37 +810,37 @@
dependencies:
regenerator-runtime "^0.13.4"
-"@babel/template@^7.7.4", "@babel/template@^7.8.3", "@babel/template@^7.8.6":
- version "7.8.6"
- resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.6.tgz#86b22af15f828dfb086474f964dcc3e39c43ce2b"
- integrity sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==
+"@babel/template@^7.10.4", "@babel/template@^7.3.3", "@babel/template@^7.7.4":
+ version "7.10.4"
+ resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.4.tgz#3251996c4200ebc71d1a8fc405fba940f36ba278"
+ integrity sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==
dependencies:
- "@babel/code-frame" "^7.8.3"
- "@babel/parser" "^7.8.6"
- "@babel/types" "^7.8.6"
+ "@babel/code-frame" "^7.10.4"
+ "@babel/parser" "^7.10.4"
+ "@babel/types" "^7.10.4"
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.7.4", "@babel/traverse@^7.8.3", "@babel/traverse@^7.8.6", "@babel/traverse@^7.9.0":
- version "7.9.0"
- resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.9.0.tgz#d3882c2830e513f4fe4cec9fe76ea1cc78747892"
- integrity sha512-jAZQj0+kn4WTHO5dUZkZKhbFrqZE7K5LAQ5JysMnmvGij+wOdr+8lWqPeW0BcF4wFwrEXXtdGO7wcV6YPJcf3w==
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.10.4", "@babel/traverse@^7.10.5", "@babel/traverse@^7.7.4":
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.10.5.tgz#77ce464f5b258be265af618d8fddf0536f20b564"
+ integrity sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==
dependencies:
- "@babel/code-frame" "^7.8.3"
- "@babel/generator" "^7.9.0"
- "@babel/helper-function-name" "^7.8.3"
- "@babel/helper-split-export-declaration" "^7.8.3"
- "@babel/parser" "^7.9.0"
- "@babel/types" "^7.9.0"
+ "@babel/code-frame" "^7.10.4"
+ "@babel/generator" "^7.10.5"
+ "@babel/helper-function-name" "^7.10.4"
+ "@babel/helper-split-export-declaration" "^7.10.4"
+ "@babel/parser" "^7.10.5"
+ "@babel/types" "^7.10.5"
debug "^4.1.0"
globals "^11.1.0"
- lodash "^4.17.13"
+ lodash "^4.17.19"
-"@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.4.4", "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.0", "@babel/types@^7.9.5":
- version "7.9.5"
- resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.9.5.tgz#89231f82915a8a566a703b3b20133f73da6b9444"
- integrity sha512-XjnvNqenk818r5zMaba+sLQjnbda31UfUURv3ei0qPQw4u+j2jMyJ5b11y8ZHYTRSI3NnInQkkkRT4fLqqPdHg==
+"@babel/types@^7.0.0", "@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+ version "7.10.5"
+ resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.5.tgz#d88ae7e2fde86bfbfe851d4d81afa70a997b5d15"
+ integrity sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==
dependencies:
- "@babel/helper-validator-identifier" "^7.9.5"
- lodash "^4.17.13"
+ "@babel/helper-validator-identifier" "^7.10.4"
+ lodash "^4.17.19"
to-fast-properties "^2.0.0"
"@bcoe/v8-coverage@^0.2.3":
@@ -845,6 +856,14 @@
exec-sh "^0.3.2"
minimist "^1.2.0"
+"@fullhuman/postcss-purgecss@^2.1.2":
+ version "2.3.0"
+ resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz#50a954757ec78696615d3e118e3fee2d9291882e"
+ integrity sha512-qnKm5dIOyPGJ70kPZ5jiz0I9foVOic0j+cOzNDoo8KoCf6HjicIZ99UfO2OmE7vCYSKAAepEwJtNzpiiZAh9xw==
+ dependencies:
+ postcss "7.0.32"
+ purgecss "^2.3.0"
+
"@istanbuljs/load-nyc-config@^1.0.0":
version "1.0.0"
resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.0.0.tgz#10602de5570baea82f8afbfa2630b24e7a8cfe5b"
@@ -860,43 +879,44 @@
resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.2.tgz#26520bf09abe4a5644cd5414e37125a8954241dd"
integrity sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==
-"@jest/console@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/console/-/console-25.3.0.tgz#33b56b81238427bf3ebe3f7b3378d2f79cdbd409"
- integrity sha512-LvSDNqpmZIZyweFaEQ6wKY7CbexPitlsLHGJtcooNECo0An/w49rFhjCJzu6efeb6+a3ee946xss1Jcd9r03UQ==
+"@jest/console@^25.5.0":
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/@jest/console/-/console-25.5.0.tgz#770800799d510f37329c508a9edd0b7b447d9abb"
+ integrity sha512-T48kZa6MK1Y6k4b89sexwmSF4YLeZS/Udqg3Jj3jG/cHH+N/sLFCEoXEDMOKugJQ9FxPN1osxIknvKkxt6MKyw==
dependencies:
- "@jest/source-map" "^25.2.6"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
- jest-util "^25.3.0"
+ jest-message-util "^25.5.0"
+ jest-util "^25.5.0"
slash "^3.0.0"
-"@jest/core@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/core/-/core-25.3.0.tgz#80f97a7a8b59dde741a24f30871cc26d0197d426"
- integrity sha512-+D5a/tFf6pA/Gqft2DLBp/yeSRgXhlJ+Wpst0X/ZkfTRP54qDR3C61VfHwaex+GzZBiTcE9vQeoZ2v5T10+Mqw==
+"@jest/core@^25.5.4":
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/@jest/core/-/core-25.5.4.tgz#3ef7412f7339210f003cdf36646bbca786efe7b4"
+ integrity sha512-3uSo7laYxF00Dg/DMgbn4xMJKmDdWvZnf89n8Xj/5/AeQ2dOQmn6b6Hkj/MleyzZWXpwv+WSdYWl4cLsy2JsoA==
dependencies:
- "@jest/console" "^25.3.0"
- "@jest/reporters" "^25.3.0"
- "@jest/test-result" "^25.3.0"
- "@jest/transform" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/console" "^25.5.0"
+ "@jest/reporters" "^25.5.1"
+ "@jest/test-result" "^25.5.0"
+ "@jest/transform" "^25.5.1"
+ "@jest/types" "^25.5.0"
ansi-escapes "^4.2.1"
chalk "^3.0.0"
exit "^0.1.2"
- graceful-fs "^4.2.3"
- jest-changed-files "^25.3.0"
- jest-config "^25.3.0"
- jest-haste-map "^25.3.0"
- jest-message-util "^25.3.0"
+ graceful-fs "^4.2.4"
+ jest-changed-files "^25.5.0"
+ jest-config "^25.5.4"
+ jest-haste-map "^25.5.1"
+ jest-message-util "^25.5.0"
jest-regex-util "^25.2.6"
- jest-resolve "^25.3.0"
- jest-resolve-dependencies "^25.3.0"
- jest-runner "^25.3.0"
- jest-runtime "^25.3.0"
- jest-snapshot "^25.3.0"
- jest-util "^25.3.0"
- jest-validate "^25.3.0"
- jest-watcher "^25.3.0"
+ jest-resolve "^25.5.1"
+ jest-resolve-dependencies "^25.5.4"
+ jest-runner "^25.5.4"
+ jest-runtime "^25.5.4"
+ jest-snapshot "^25.5.1"
+ jest-util "^25.5.0"
+ jest-validate "^25.5.0"
+ jest-watcher "^25.5.0"
micromatch "^4.0.2"
p-each-series "^2.1.0"
realpath-native "^2.0.0"
@@ -904,101 +924,112 @@
slash "^3.0.0"
strip-ansi "^6.0.0"
-"@jest/environment@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-25.3.0.tgz#587f28ddb4b0dfe97404d3d4a4c9dbfa0245fb2e"
- integrity sha512-vgooqwJTHLLak4fE+TaCGeYP7Tz1Y3CKOsNxR1sE0V3nx3KRUHn3NUnt+wbcfd5yQWKZQKAfW6wqbuwQLrXo3g==
+"@jest/environment@^25.5.0":
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-25.5.0.tgz#aa33b0c21a716c65686638e7ef816c0e3a0c7b37"
+ integrity sha512-U2VXPEqL07E/V7pSZMSQCvV5Ea4lqOlT+0ZFijl/i316cRMHvZ4qC+jBdryd+lmRetjQo0YIQr6cVPNxxK87mA==
dependencies:
- "@jest/fake-timers" "^25.3.0"
- "@jest/types" "^25.3.0"
- jest-mock "^25.3.0"
+ "@jest/fake-timers" "^25.5.0"
+ "@jest/types" "^25.5.0"
+ jest-mock "^25.5.0"
-"@jest/fake-timers@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-25.3.0.tgz#995aad36d5c8984165ca5db12e740ab8dbf7042a"
- integrity sha512-NHAj7WbsyR3qBJPpBwSwqaq2WluIvUQsyzpJTN7XDVk7VnlC/y1BAnaYZL3vbPIP8Nhm0Ae5DJe0KExr/SdMJQ==
+"@jest/fake-timers@^25.5.0":
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-25.5.0.tgz#46352e00533c024c90c2bc2ad9f2959f7f114185"
+ integrity sha512-9y2+uGnESw/oyOI3eww9yaxdZyHq7XvprfP/eeoCsjqKYts2yRlsHS/SgjPDV8FyMfn2nbMy8YzUk6nyvdLOpQ==
dependencies:
- "@jest/types" "^25.3.0"
- jest-message-util "^25.3.0"
- jest-mock "^25.3.0"
- jest-util "^25.3.0"
+ "@jest/types" "^25.5.0"
+ jest-message-util "^25.5.0"
+ jest-mock "^25.5.0"
+ jest-util "^25.5.0"
lolex "^5.0.0"
-"@jest/reporters@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-25.3.0.tgz#7f39f0e6911561cc5112a1b54656de18faee269b"
- integrity sha512-1u0ZBygs0C9DhdYgLCrRfZfNKQa+9+J7Uo+Z9z0RWLHzgsxhoG32lrmMOtUw48yR6bLNELdvzormwUqSk4H4Vg==
+"@jest/globals@^25.5.2":
+ version "25.5.2"
+ resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-25.5.2.tgz#5e45e9de8d228716af3257eeb3991cc2e162ca88"
+ integrity sha512-AgAS/Ny7Q2RCIj5kZ+0MuKM1wbF0WMLxbCVl/GOMoCNbODRdJ541IxJ98xnZdVSZXivKpJlNPIWa3QmY0l4CXA==
+ dependencies:
+ "@jest/environment" "^25.5.0"
+ "@jest/types" "^25.5.0"
+ expect "^25.5.0"
+
+"@jest/reporters@^25.5.1":
+ version "25.5.1"
+ resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-25.5.1.tgz#cb686bcc680f664c2dbaf7ed873e93aa6811538b"
+ integrity sha512-3jbd8pPDTuhYJ7vqiHXbSwTJQNavczPs+f1kRprRDxETeE3u6srJ+f0NPuwvOmk+lmunZzPkYWIFZDLHQPkviw==
dependencies:
"@bcoe/v8-coverage" "^0.2.3"
- "@jest/console" "^25.3.0"
- "@jest/test-result" "^25.3.0"
- "@jest/transform" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/console" "^25.5.0"
+ "@jest/test-result" "^25.5.0"
+ "@jest/transform" "^25.5.1"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
collect-v8-coverage "^1.0.0"
exit "^0.1.2"
glob "^7.1.2"
+ graceful-fs "^4.2.4"
istanbul-lib-coverage "^3.0.0"
istanbul-lib-instrument "^4.0.0"
istanbul-lib-report "^3.0.0"
istanbul-lib-source-maps "^4.0.0"
istanbul-reports "^3.0.2"
- jest-haste-map "^25.3.0"
- jest-resolve "^25.3.0"
- jest-util "^25.3.0"
- jest-worker "^25.2.6"
+ jest-haste-map "^25.5.1"
+ jest-resolve "^25.5.1"
+ jest-util "^25.5.0"
+ jest-worker "^25.5.0"
slash "^3.0.0"
source-map "^0.6.0"
string-length "^3.1.0"
terminal-link "^2.0.0"
- v8-to-istanbul "^4.0.1"
+ v8-to-istanbul "^4.1.3"
optionalDependencies:
node-notifier "^6.0.0"
-"@jest/source-map@^25.2.6":
- version "25.2.6"
- resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-25.2.6.tgz#0ef2209514c6d445ebccea1438c55647f22abb4c"
- integrity sha512-VuIRZF8M2zxYFGTEhkNSvQkUKafQro4y+mwUxy5ewRqs5N/ynSFUODYp3fy1zCnbCMy1pz3k+u57uCqx8QRSQQ==
+"@jest/source-map@^25.5.0":
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-25.5.0.tgz#df5c20d6050aa292c2c6d3f0d2c7606af315bd1b"
+ integrity sha512-eIGx0xN12yVpMcPaVpjXPnn3N30QGJCJQSkEDUt9x1fI1Gdvb07Ml6K5iN2hG7NmMP6FDmtPEssE3z6doOYUwQ==
dependencies:
callsites "^3.0.0"
- graceful-fs "^4.2.3"
+ graceful-fs "^4.2.4"
source-map "^0.6.0"
-"@jest/test-result@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-25.3.0.tgz#137fab5e5c6fed36e5d40735d1eb029325e3bf06"
- integrity sha512-mqrGuiiPXl1ap09Mydg4O782F3ouDQfsKqtQzIjitpwv3t1cHDwCto21jThw6WRRE+dKcWQvLG70GpyLJICfGw==
+"@jest/test-result@^25.5.0":
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-25.5.0.tgz#139a043230cdeffe9ba2d8341b27f2efc77ce87c"
+ integrity sha512-oV+hPJgXN7IQf/fHWkcS99y0smKLU2czLBJ9WA0jHITLst58HpQMtzSYxzaBvYc6U5U6jfoMthqsUlUlbRXs0A==
dependencies:
- "@jest/console" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/console" "^25.5.0"
+ "@jest/types" "^25.5.0"
"@types/istanbul-lib-coverage" "^2.0.0"
collect-v8-coverage "^1.0.0"
-"@jest/test-sequencer@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.3.0.tgz#271ad5f2b8f8137d092ccedc87e16a50f8676209"
- integrity sha512-Xvns3xbji7JCvVcDGvqJ/pf4IpmohPODumoPEZJ0/VgC5gI4XaNVIBET2Dq5Czu6Gk3xFcmhtthh/MBOTljdNg==
+"@jest/test-sequencer@^25.5.4":
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.5.4.tgz#9b4e685b36954c38d0f052e596d28161bdc8b737"
+ integrity sha512-pTJGEkSeg1EkCO2YWq6hbFvKNXk8ejqlxiOg1jBNLnWrgXOkdY6UmqZpwGFXNnRt9B8nO1uWMzLLZ4eCmhkPNA==
dependencies:
- "@jest/test-result" "^25.3.0"
- jest-haste-map "^25.3.0"
- jest-runner "^25.3.0"
- jest-runtime "^25.3.0"
+ "@jest/test-result" "^25.5.0"
+ graceful-fs "^4.2.4"
+ jest-haste-map "^25.5.1"
+ jest-runner "^25.5.4"
+ jest-runtime "^25.5.4"
-"@jest/transform@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-25.3.0.tgz#083c5447d5307d9b9494d6968115b647460e71f1"
- integrity sha512-W01p8kTDvvEX6kd0tJc7Y5VdYyFaKwNWy1HQz6Jqlhu48z/8Gxp+yFCDVj+H8Rc7ezl3Mg0hDaGuFVkmHOqirg==
+"@jest/transform@^25.5.1":
+ version "25.5.1"
+ resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-25.5.1.tgz#0469ddc17699dd2bf985db55fa0fb9309f5c2db3"
+ integrity sha512-Y8CEoVwXb4QwA6Y/9uDkn0Xfz0finGkieuV0xkdF9UtZGJeLukD5nLkaVrVsODB1ojRWlaoD0AJZpVHCSnJEvg==
dependencies:
"@babel/core" "^7.1.0"
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
babel-plugin-istanbul "^6.0.0"
chalk "^3.0.0"
convert-source-map "^1.4.0"
fast-json-stable-stringify "^2.0.0"
- graceful-fs "^4.2.3"
- jest-haste-map "^25.3.0"
+ graceful-fs "^4.2.4"
+ jest-haste-map "^25.5.1"
jest-regex-util "^25.2.6"
- jest-util "^25.3.0"
+ jest-util "^25.5.0"
micromatch "^4.0.2"
pirates "^4.0.1"
realpath-native "^2.0.0"
@@ -1006,16 +1037,47 @@
source-map "^0.6.1"
write-file-atomic "^3.0.0"
-"@jest/types@^25.3.0":
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.3.0.tgz#88f94b277a1d028fd7117bc1f74451e0fc2131e7"
- integrity sha512-UkaDNewdqXAmCDbN2GlUM6amDKS78eCqiw/UmF5nE0mmLTd6moJkiZJML/X52Ke3LH7Swhw883IRXq8o9nWjVw==
+"@jest/transform@^26.1.0":
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.1.0.tgz#697f48898c2a2787c9b4cb71d09d7e617464e509"
+ integrity sha512-ICPm6sUXmZJieq45ix28k0s+d/z2E8CHDsq+WwtWI6kW8m7I8kPqarSEcUN86entHQ570ZBRci5OWaKL0wlAWw==
+ dependencies:
+ "@babel/core" "^7.1.0"
+ "@jest/types" "^26.1.0"
+ babel-plugin-istanbul "^6.0.0"
+ chalk "^4.0.0"
+ convert-source-map "^1.4.0"
+ fast-json-stable-stringify "^2.0.0"
+ graceful-fs "^4.2.4"
+ jest-haste-map "^26.1.0"
+ jest-regex-util "^26.0.0"
+ jest-util "^26.1.0"
+ micromatch "^4.0.2"
+ pirates "^4.0.1"
+ slash "^3.0.0"
+ source-map "^0.6.1"
+ write-file-atomic "^3.0.0"
+
+"@jest/types@^25.5.0":
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.5.0.tgz#4d6a4793f7b9599fc3680877b856a97dbccf2a9d"
+ integrity sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==
dependencies:
"@types/istanbul-lib-coverage" "^2.0.0"
"@types/istanbul-reports" "^1.1.1"
"@types/yargs" "^15.0.0"
chalk "^3.0.0"
+"@jest/types@^26.1.0":
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.1.0.tgz#f8afaaaeeb23b5cad49dd1f7779689941dcb6057"
+ integrity sha512-GXigDDsp6ZlNMhXQDeuy/iYCDsRIHJabWtDzvnn36+aqFfG14JmFV0e/iXxY4SP9vbXSiPNOWdehU5MeqrYHBQ==
+ dependencies:
+ "@types/istanbul-lib-coverage" "^2.0.0"
+ "@types/istanbul-reports" "^1.1.1"
+ "@types/yargs" "^15.0.0"
+ chalk "^4.0.0"
+
"@sinonjs/commons@^1.7.0":
version "1.7.0"
resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.7.0.tgz#f90ffc52a2e519f018b13b6c4da03cbff36ebed6"
@@ -1023,10 +1085,10 @@
dependencies:
type-detect "4.0.8"
-"@types/babel__core@^7.1.7":
- version "7.1.7"
- resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.7.tgz#1dacad8840364a57c98d0dd4855c6dd3752c6b89"
- integrity sha512-RL62NqSFPCDK2FM1pSDH0scHpJvsXtZNiYlMB73DgPBaG1E38ZYVL+ei5EkWRbr+KC4YNiAUNBnRj+bgwpgjMw==
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.7":
+ version "7.1.9"
+ resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.9.tgz#77e59d438522a6fb898fa43dc3455c6e72f3963d"
+ integrity sha512-sY2RsIJ5rpER1u3/aQ8OFSI7qGIy8o1NEEbgb2UaJcvOtXOMpd39ko723NBpjQFg9SIX7TXtjejZVGeIMLhoOw==
dependencies:
"@babel/parser" "^7.1.0"
"@babel/types" "^7.0.0"
@@ -1061,6 +1123,13 @@
resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
+"@types/graceful-fs@^4.1.2":
+ version "4.1.3"
+ resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.3.tgz#039af35fe26bec35003e8d86d2ee9c586354348f"
+ integrity sha512-AiHRaEB50LQg0pZmm659vNBb9f4SJ0qrAnteuzhSeAUcJKxoYgEnprg/83kppCnc2zvtCKbdZry1a5pVY3lOTQ==
+ dependencies:
+ "@types/node" "*"
+
"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
version "2.0.1"
resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
@@ -1081,6 +1150,16 @@
"@types/istanbul-lib-coverage" "*"
"@types/istanbul-lib-report" "*"
+"@types/node@*":
+ version "13.13.4"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-13.13.4.tgz#1581d6c16e3d4803eb079c87d4ac893ee7501c2c"
+ integrity sha512-x26ur3dSXgv5AwKS0lNfbjpCakGIduWU1DU91Zz58ONRWrIKGunmZBNv4P7N+e27sJkiGDsw/3fT4AtsqQBrBA==
+
+"@types/normalize-package-data@^2.4.0":
+ version "2.4.0"
+ resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e"
+ integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==
+
"@types/prettier@^1.19.0":
version "1.19.1"
resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-1.19.1.tgz#33509849f8e679e4add158959fdb086440e9553f"
@@ -1300,28 +1379,23 @@ asynckit@^0.4.0:
resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
-at-least-node@^1.0.0:
- version "1.0.0"
- resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
- integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
atob@^2.1.1:
version "2.1.2"
resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
autoprefixer@^9.4.5:
- version "9.7.6"
- resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.7.6.tgz#63ac5bbc0ce7934e6997207d5bb00d68fa8293a4"
- integrity sha512-F7cYpbN7uVVhACZTeeIeealwdGM6wMtfWARVLTy5xmKtgVdBNJvbDRoCK3YO1orcs7gv/KwYlb3iXwu9Ug9BkQ==
+ version "9.8.4"
+ resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.4.tgz#736f1012673a70fa3464671d78d41abd54512863"
+ integrity sha512-84aYfXlpUe45lvmS+HoAWKCkirI/sw4JK0/bTeeqgHYco3dcsOn0NqdejISjptsYwNji/21dnkDri9PsYKk89A==
dependencies:
- browserslist "^4.11.1"
- caniuse-lite "^1.0.30001039"
- chalk "^2.4.2"
+ browserslist "^4.12.0"
+ caniuse-lite "^1.0.30001087"
+ colorette "^1.2.0"
normalize-range "^0.1.2"
num2fraction "^1.2.2"
- postcss "^7.0.27"
- postcss-value-parser "^4.0.3"
+ postcss "^7.0.32"
+ postcss-value-parser "^4.1.0"
aws-sign2@~0.7.0:
version "0.7.0"
@@ -1333,23 +1407,38 @@ aws4@^1.8.0:
resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
-babel-jest@^25.1.0, babel-jest@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-25.3.0.tgz#999d0c19e8427f66b796bf9ea233eedf087b957c"
- integrity sha512-qiXeX1Cmw4JZ5yQ4H57WpkO0MZ61Qj+YnsVUwAMnDV5ls+yHon11XjarDdgP7H8lTmiEi6biiZA8y3Tmvx6pCg==
+babel-jest@^25.5.1:
+ version "25.5.1"
+ resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-25.5.1.tgz#bc2e6101f849d6f6aec09720ffc7bc5332e62853"
+ integrity sha512-9dA9+GmMjIzgPnYtkhBg73gOo/RHqPmLruP3BaGL4KEX3Dwz6pI8auSN8G8+iuEG90+GSswyKvslN+JYSaacaQ==
dependencies:
- "@jest/transform" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/transform" "^25.5.1"
+ "@jest/types" "^25.5.0"
"@types/babel__core" "^7.1.7"
babel-plugin-istanbul "^6.0.0"
- babel-preset-jest "^25.3.0"
+ babel-preset-jest "^25.5.0"
chalk "^3.0.0"
+ graceful-fs "^4.2.4"
slash "^3.0.0"
-babel-plugin-dynamic-import-node@^2.3.0:
- version "2.3.0"
- resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
- integrity sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==
+babel-jest@^26.0.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-26.1.0.tgz#b20751185fc7569a0f135730584044d1cb934328"
+ integrity sha512-Nkqgtfe7j6PxLO6TnCQQlkMm8wdTdnIF8xrdpooHCuD5hXRzVEPbPneTJKknH5Dsv3L8ip9unHDAp48YQ54Dkg==
+ dependencies:
+ "@jest/transform" "^26.1.0"
+ "@jest/types" "^26.1.0"
+ "@types/babel__core" "^7.1.7"
+ babel-plugin-istanbul "^6.0.0"
+ babel-preset-jest "^26.1.0"
+ chalk "^4.0.0"
+ graceful-fs "^4.2.4"
+ slash "^3.0.0"
+
+babel-plugin-dynamic-import-node@^2.3.3:
+ version "2.3.3"
+ resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
+ integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==
dependencies:
object.assign "^4.1.0"
@@ -1364,11 +1453,23 @@ babel-plugin-istanbul@^6.0.0:
istanbul-lib-instrument "^4.0.0"
test-exclude "^6.0.0"
-babel-plugin-jest-hoist@^25.2.6:
- version "25.2.6"
- resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-25.2.6.tgz#2af07632b8ac7aad7d414c1e58425d5fc8e84909"
- integrity sha512-qE2xjMathybYxjiGFJg0mLFrz0qNp83aNZycWDY/SuHiZNq+vQfRQtuINqyXyue1ELd8Rd+1OhFSLjms8msMbw==
+babel-plugin-jest-hoist@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-25.5.0.tgz#129c80ba5c7fc75baf3a45b93e2e372d57ca2677"
+ integrity sha512-u+/W+WAjMlvoocYGTwthAiQSxDcJAyHpQ6oWlHdFZaaN+Rlk8Q7iiwDPg2lN/FyJtAYnKjFxbn7xus4HCFkg5g==
dependencies:
+ "@babel/template" "^7.3.3"
+ "@babel/types" "^7.3.3"
+ "@types/babel__traverse" "^7.0.6"
+
+babel-plugin-jest-hoist@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.1.0.tgz#c6a774da08247a28285620a64dfadbd05dd5233a"
+ integrity sha512-qhqLVkkSlqmC83bdMhM8WW4Z9tB+JkjqAqlbbohS9sJLT5Ha2vfzuKqg5yenXrAjOPG2YC0WiXdH3a9PvB+YYw==
+ dependencies:
+ "@babel/template" "^7.3.3"
+ "@babel/types" "^7.3.3"
+ "@types/babel__core" "^7.0.0"
"@types/babel__traverse" "^7.0.6"
babel-preset-current-node-syntax@^0.1.2:
@@ -1387,12 +1488,20 @@ babel-preset-current-node-syntax@^0.1.2:
"@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
"@babel/plugin-syntax-optional-chaining" "^7.8.3"
-babel-preset-jest@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-25.3.0.tgz#9ab40aee52a19bdc52b8b1ec2403d5914ac3d86b"
- integrity sha512-tjdvLKNMwDI9r+QWz9sZUQGTq1dpoxjUqFUpEasAc7MOtHg9XuLT2fx0udFG+k1nvMV0WvHHVAN7VmCZ+1Zxbw==
+babel-preset-jest@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-25.5.0.tgz#c1d7f191829487a907764c65307faa0e66590b49"
+ integrity sha512-8ZczygctQkBU+63DtSOKGh7tFL0CeCuz+1ieud9lJ1WPQ9O6A1a/r+LGn6Y705PA6whHQ3T1XuB/PmpfNYf8Fw==
dependencies:
- babel-plugin-jest-hoist "^25.2.6"
+ babel-plugin-jest-hoist "^25.5.0"
+ babel-preset-current-node-syntax "^0.1.2"
+
+babel-preset-jest@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-26.1.0.tgz#612f714e5b457394acfd863793c564cbcdb7d1c1"
+ integrity sha512-na9qCqFksknlEj5iSdw1ehMVR06LCCTkZLGKeEtxDDdhg8xpUF09m29Kvh1pRbZ07h7AQ5ttLYUwpXL4tO6w7w==
+ dependencies:
+ babel-plugin-jest-hoist "^26.1.0"
babel-preset-current-node-syntax "^0.1.2"
balanced-match@^1.0.0:
@@ -1468,15 +1577,15 @@ browser-resolve@^1.11.3:
dependencies:
resolve "1.1.7"
-browserslist@^4.11.1, browserslist@^4.8.3, browserslist@^4.9.1:
- version "4.11.1"
- resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.11.1.tgz#92f855ee88d6e050e7e7311d987992014f1a1f1b"
- integrity sha512-DCTr3kDrKEYNw6Jb9HFxVLQNaue8z+0ZfRBRjmCunKDEXEBajKDj2Y+Uelg+Pi29OnvaSGwjOsnRyNEkXzHg5g==
+browserslist@^4.12.0, browserslist@^4.8.3:
+ version "4.13.0"
+ resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.13.0.tgz#42556cba011e1b0a2775b611cba6a8eca18e940d"
+ integrity sha512-MINatJ5ZNrLnQ6blGvePd/QOz9Xtu+Ne+x29iQSCHfkU5BugKVJwZKn/iiL8UbpIpa3JhviKjz+XxMo0m2caFQ==
dependencies:
- caniuse-lite "^1.0.30001038"
- electron-to-chromium "^1.3.390"
- node-releases "^1.1.53"
- pkg-up "^2.0.0"
+ caniuse-lite "^1.0.30001093"
+ electron-to-chromium "^1.3.488"
+ escalade "^3.0.1"
+ node-releases "^1.1.58"
bser@^2.0.0:
version "2.1.0"
@@ -1525,10 +1634,10 @@ camelcase@^5.0.0, camelcase@^5.3.1:
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-caniuse-lite@^1.0.30001038, caniuse-lite@^1.0.30001039:
- version "1.0.30001042"
- resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001042.tgz#c91ec21ec2d270bd76dbc2ce261260c292b8c93c"
- integrity sha512-igMQ4dlqnf4tWv0xjaaE02op9AJ2oQzXKjWf4EuAHFN694Uo9/EfPVIPJcmn2WkU9RqozCxx5e2KPcVClHDbDw==
+caniuse-lite@^1.0.30001087, caniuse-lite@^1.0.30001093:
+ version "1.0.30001094"
+ resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001094.tgz#0b11d02e1cdc201348dbd8e3e57bd9b6ce82b175"
+ integrity sha512-ufHZNtMaDEuRBpTbqD93tIQnngmJ+oBknjvr0IbFympSdtFpAUFmNv4mVKbb53qltxFx0nK3iy32S9AqkLzUNA==
capture-exit@^2.0.0:
version "2.0.0"
@@ -1559,10 +1668,10 @@ chalk@^3.0.0:
ansi-styles "^4.1.0"
supports-color "^7.1.0"
-chalk@^4.0.0:
- version "4.0.0"
- resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.0.0.tgz#6e98081ed2d17faab615eb52ac66ec1fe6209e72"
- integrity sha512-N9oWFcegS0sFr9oh1oz2d7Npos6vNoWW9HvtCg5N1KRFpUhaAhvTv5Y58g880fZaEYSNm3qDz8SU1UrGvp+n7A==
+"chalk@^3.0.0 || ^4.0.0", chalk@^4.0.0:
+ version "4.1.0"
+ resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+ integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
dependencies:
ansi-styles "^4.1.0"
supports-color "^7.1.0"
@@ -1662,7 +1771,7 @@ collection-visit@^1.0.0:
map-visit "^1.0.0"
object-visit "^1.0.0"
-color-convert@^1.9.0:
+color-convert@^1.9.0, color-convert@^1.9.1:
version "1.9.3"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -1681,11 +1790,32 @@ color-name@1.1.3:
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
version "1.1.4"
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+color-string@^1.5.2:
+ version "1.5.3"
+ resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
+ integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
+ dependencies:
+ color-name "^1.0.0"
+ simple-swizzle "^0.2.2"
+
+color@^3.1.2:
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
+ integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
+ dependencies:
+ color-convert "^1.9.1"
+ color-string "^1.5.2"
+
+colorette@^1.2.0:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.0.tgz#45306add826d196e8c87236ac05d797f25982e63"
+ integrity sha512-soRSroY+OF/8OdA3PTQXwaDJeMc7TfknKKrxeSCencL2a4+Tx5zhxmmv7hdpCjhKBjehzp8+bwe/T68K0hpIjw==
+
combined-stream@^1.0.6, combined-stream@~1.0.6:
version "1.0.8"
resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -1698,6 +1828,11 @@ commander@^4.0.1:
resolved "https://registry.yarnpkg.com/commander/-/commander-4.0.1.tgz#b67622721785993182e807f4883633e6401ba53c"
integrity sha512-IPF4ouhCP+qdlcmCedhxX4xiGBPyigb8v5NeUp+0LyhwLgxMqyp3S0vl7TAPfS/hiP7FC3caI/PB9lTmP8r1NA==
+commander@^5.0.0:
+ version "5.1.0"
+ resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
+ integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
+
commondir@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -1947,10 +2082,10 @@ ecc-jsbn@~0.1.1:
jsbn "~0.1.0"
safer-buffer "^2.1.0"
-electron-to-chromium@^1.3.390:
- version "1.3.410"
- resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.410.tgz#00e0ec61c22933daa8b4de172c03932678783adc"
- integrity sha512-DbCBdwtARI0l3e3m6ZIxVaTNahb6dSsmGjuag/twiVcWuM4MSpL5IfsJsJSyqLqxosE/m0CXlZaBmxegQW/dAg==
+electron-to-chromium@^1.3.488:
+ version "1.3.488"
+ resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.488.tgz#9226229f5fbc825959210e81e0bb3e63035d1c06"
+ integrity sha512-NReBdOugu1yl8ly+0VDtiQ6Yw/1sLjnvflWq0gvY1nfUXU2PbA+1XAVuEb7ModnwL/MfUPjby7e4pAFnSHiy6Q==
emoji-regex@^7.0.1:
version "7.0.3"
@@ -1969,6 +2104,13 @@ end-of-stream@^1.1.0:
dependencies:
once "^1.4.0"
+error-ex@^1.3.1:
+ version "1.3.2"
+ resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+ integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+ dependencies:
+ is-arrayish "^0.2.1"
+
es-abstract@^1.5.1:
version "1.13.0"
resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
@@ -1990,6 +2132,11 @@ es-to-primitive@^1.2.0:
is-date-object "^1.0.1"
is-symbol "^1.0.2"
+escalade@^3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.0.1.tgz#52568a77443f6927cd0ab9c73129137533c965ed"
+ integrity sha512-DR6NO3h9niOT+MZs7bjxlj2a1k+POu5RN8CLTPX2+i78bRi9eLe7+0zXgUHMnGXWybYcL61E9hGhPKqedy8tQA==
+
escape-string-regexp@^1.0.5:
version "1.0.5"
resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
@@ -2013,16 +2160,16 @@ eslint-config-postcss@^2.0.2:
integrity sha1-yuHGCTzteFCJSluF++HR4jK3Kvs=
eslint-config-prettier@^6.0.0:
- version "6.10.1"
- resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.10.1.tgz#129ef9ec575d5ddc0e269667bf09defcd898642a"
- integrity sha512-svTy6zh1ecQojvpbJSgH3aei/Rt7C6i090l5f2WQ4aB05lYHeZIR1qL4wZyyILTbtmnbHP5Yn8MrsOJMGa8RkQ==
+ version "6.11.0"
+ resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1"
+ integrity sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==
dependencies:
get-stdin "^6.0.0"
eslint-plugin-prettier@^3.0.1:
- version "3.1.3"
- resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.3.tgz#ae116a0fc0e598fdae48743a4430903de5b4e6ca"
- integrity sha512-+HG5jmu/dN3ZV3T6eCD7a4BlAySdN7mLIbJYo0z1cFQuI+r2DiTJEFeF68ots93PsnrMxbzIZ2S/ieX+mkrBeQ==
+ version "3.1.4"
+ resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.4.tgz#168ab43154e2ea57db992a2cd097c828171f75c2"
+ integrity sha512-jZDa8z76klRqo+TdGDTFJSavwbnWK2ZpqGKNZ+VvweMW516pDUMmQ2koXvxEE4JhzNvTv+radye/bWGBmA6jmg==
dependencies:
prettier-linter-helpers "^1.0.0"
@@ -2179,16 +2326,16 @@ expand-brackets@^2.1.4:
snapdragon "^0.8.1"
to-regex "^3.0.1"
-expect@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/expect/-/expect-25.3.0.tgz#5fd36e51befd05afb7184bc954f8a4792d184c71"
- integrity sha512-buboTXML2h/L0Kh44Ys2Cx49mX20ISc5KDirkxIs3Q9AJv0kazweUAbukegr+nHDOvFRKmxdojjIHCjqAceYfg==
+expect@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/expect/-/expect-25.5.0.tgz#f07f848712a2813bb59167da3fb828ca21f58bba"
+ integrity sha512-w7KAXo0+6qqZZhovCaBVPSIqQp7/UTcx4M9uKt2m6pd2VB1voyC8JizLRqeEqud3AAVP02g+hbErDu5gu64tlA==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
ansi-styles "^4.0.0"
jest-get-type "^25.2.6"
- jest-matcher-utils "^25.3.0"
- jest-message-util "^25.3.0"
+ jest-matcher-utils "^25.5.0"
+ jest-message-util "^25.5.0"
jest-regex-util "^25.2.6"
extend-shallow@^2.0.1:
@@ -2311,13 +2458,6 @@ find-cache-dir@^2.0.0:
make-dir "^2.0.0"
pkg-dir "^3.0.0"
-find-up@^2.1.0:
- version "2.1.0"
- resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
- integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
- dependencies:
- locate-path "^2.0.0"
-
find-up@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -2373,15 +2513,14 @@ fragment-cache@^0.2.1:
dependencies:
map-cache "^0.2.2"
-fs-extra@^9.0.0:
- version "9.0.0"
- resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.0.0.tgz#b6afc31036e247b2466dc99c29ae797d5d4580a3"
- integrity sha512-pmEYSk3vYsG/bF651KPUXZ+hvjpgWYw/Gc7W9NFUe3ZVLczKKWIij3IKpOrQcdw4TILtibFslZ0UmR8Vvzig4g==
+fs-extra@^8.0.0:
+ version "8.1.0"
+ resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+ integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
dependencies:
- at-least-node "^1.0.0"
graceful-fs "^4.2.0"
- jsonfile "^6.0.1"
- universalify "^1.0.0"
+ jsonfile "^4.0.0"
+ universalify "^0.1.0"
fs-minipass@^1.2.5:
version "1.2.6"
@@ -2517,10 +2656,10 @@ globals@^12.1.0:
dependencies:
type-fest "^0.8.1"
-graceful-fs@^4.1.11, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.3:
- version "4.2.3"
- resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
- integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
+graceful-fs@^4.1.11, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
+ version "4.2.4"
+ resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
+ integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
growly@^1.3.0:
version "1.3.0"
@@ -2605,6 +2744,11 @@ homedir-polyfill@^1.0.1:
dependencies:
parse-passwd "^1.0.0"
+hosted-git-info@^2.1.4:
+ version "2.8.8"
+ resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
+ integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
+
html-encoding-sniffer@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
@@ -2739,6 +2883,16 @@ is-accessor-descriptor@^1.0.0:
dependencies:
kind-of "^6.0.0"
+is-arrayish@^0.2.1:
+ version "0.2.1"
+ resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+ integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+
+is-arrayish@^0.3.1:
+ version "0.3.2"
+ resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+ integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
+
is-binary-path@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
@@ -2987,67 +3141,69 @@ istanbul-reports@^3.0.2:
html-escaper "^2.0.0"
istanbul-lib-report "^3.0.0"
-jest-changed-files@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-25.3.0.tgz#85d8de6f4bd13dafda9d7f1e3f2565fc0e183c78"
- integrity sha512-eqd5hyLbUjIVvLlJ3vQ/MoPxsxfESVXG9gvU19XXjKzxr+dXmZIqCXiY0OiYaibwlHZBJl2Vebkc0ADEMzCXew==
+jest-changed-files@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-25.5.0.tgz#141cc23567ceb3f534526f8614ba39421383634c"
+ integrity sha512-EOw9QEqapsDT7mKF162m8HFzRPbmP8qJQny6ldVOdOVBz3ACgPm/1nAn5fPQ/NDaYhX/AHkrGwwkCncpAVSXcw==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
execa "^3.2.0"
throat "^5.0.0"
-jest-cli@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-25.3.0.tgz#d9e11f5700cc5946583cf0d01a9bdebceed448d2"
- integrity sha512-XpNQPlW1tzpP7RGG8dxpkRegYDuLjzSiENu92+CYM87nEbmEPb3b4+yo8xcsHOnj0AG7DUt9b3uG8LuHI3MDzw==
+jest-cli@^25.5.4:
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-25.5.4.tgz#b9f1a84d1301a92c5c217684cb79840831db9f0d"
+ integrity sha512-rG8uJkIiOUpnREh1768/N3n27Cm+xPFkSNFO91tgg+8o2rXeVLStz+vkXkGr4UtzH6t1SNbjwoiswd7p4AhHTw==
dependencies:
- "@jest/core" "^25.3.0"
- "@jest/test-result" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/core" "^25.5.4"
+ "@jest/test-result" "^25.5.0"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
exit "^0.1.2"
+ graceful-fs "^4.2.4"
import-local "^3.0.2"
is-ci "^2.0.0"
- jest-config "^25.3.0"
- jest-util "^25.3.0"
- jest-validate "^25.3.0"
+ jest-config "^25.5.4"
+ jest-util "^25.5.0"
+ jest-validate "^25.5.0"
prompts "^2.0.1"
realpath-native "^2.0.0"
yargs "^15.3.1"
-jest-config@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.3.0.tgz#112b5e2f2e57dec4501dd2fe979044c06fb1317e"
- integrity sha512-CmF1JnNWFmoCSPC4tnU52wnVBpuxHjilA40qH/03IHxIevkjUInSMwaDeE6ACfxMPTLidBGBCO3EbxvzPbo8wA==
+jest-config@^25.5.4:
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.5.4.tgz#38e2057b3f976ef7309b2b2c8dcd2a708a67f02c"
+ integrity sha512-SZwR91SwcdK6bz7Gco8qL7YY2sx8tFJYzvg216DLihTWf+LKY/DoJXpM9nTzYakSyfblbqeU48p/p7Jzy05Atg==
dependencies:
"@babel/core" "^7.1.0"
- "@jest/test-sequencer" "^25.3.0"
- "@jest/types" "^25.3.0"
- babel-jest "^25.3.0"
+ "@jest/test-sequencer" "^25.5.4"
+ "@jest/types" "^25.5.0"
+ babel-jest "^25.5.1"
chalk "^3.0.0"
deepmerge "^4.2.2"
glob "^7.1.1"
- jest-environment-jsdom "^25.3.0"
- jest-environment-node "^25.3.0"
+ graceful-fs "^4.2.4"
+ jest-environment-jsdom "^25.5.0"
+ jest-environment-node "^25.5.0"
jest-get-type "^25.2.6"
- jest-jasmine2 "^25.3.0"
+ jest-jasmine2 "^25.5.4"
jest-regex-util "^25.2.6"
- jest-resolve "^25.3.0"
- jest-util "^25.3.0"
- jest-validate "^25.3.0"
+ jest-resolve "^25.5.1"
+ jest-util "^25.5.0"
+ jest-validate "^25.5.0"
micromatch "^4.0.2"
- pretty-format "^25.3.0"
+ pretty-format "^25.5.0"
realpath-native "^2.0.0"
-jest-diff@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-25.3.0.tgz#0d7d6f5d6171e5dacde9e05be47b3615e147c26f"
- integrity sha512-vyvs6RPoVdiwARwY4kqFWd4PirPLm2dmmkNzKqo38uZOzJvLee87yzDjIZLmY1SjM3XR5DwsUH+cdQ12vgqi1w==
+jest-diff@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-25.5.0.tgz#1dd26ed64f96667c068cef026b677dfa01afcfa9"
+ integrity sha512-z1kygetuPiREYdNIumRpAHY6RXiGmp70YHptjdaxTWGmA085W3iCnXNx0DhflK3vwrKmrRWyY1wUpkPMVxMK7A==
dependencies:
chalk "^3.0.0"
diff-sequences "^25.2.6"
jest-get-type "^25.2.6"
- pretty-format "^25.3.0"
+ pretty-format "^25.5.0"
jest-docblock@^25.3.0:
version "25.3.0"
@@ -3056,39 +3212,39 @@ jest-docblock@^25.3.0:
dependencies:
detect-newline "^3.0.0"
-jest-each@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-25.3.0.tgz#a319eecf1f6076164ab86f99ca166a55b96c0bd4"
- integrity sha512-aBfS4VOf/Qs95yUlX6d6WBv0szvOcTkTTyCIaLuQGj4bSHsT+Wd9dDngVHrCe5uytxpN8VM+NAloI6nbPjXfXw==
+jest-each@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-25.5.0.tgz#0c3c2797e8225cb7bec7e4d249dcd96b934be516"
+ integrity sha512-QBogUxna3D8vtiItvn54xXde7+vuzqRrEeaw8r1s+1TG9eZLVJE5ZkKoSUlqFwRjnlaA4hyKGiu9OlkFIuKnjA==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
jest-get-type "^25.2.6"
- jest-util "^25.3.0"
- pretty-format "^25.3.0"
+ jest-util "^25.5.0"
+ pretty-format "^25.5.0"
-jest-environment-jsdom@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-25.3.0.tgz#c493ab8c41f28001520c70ef67dd88b88be6af05"
- integrity sha512-jdE4bQN+k2QEZ9sWOxsqDJvMzbdFSCN/4tw8X0TQaCqyzKz58PyEf41oIr4WO7ERdp7WaJGBSUKF7imR3UW1lg==
+jest-environment-jsdom@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-25.5.0.tgz#dcbe4da2ea997707997040ecf6e2560aec4e9834"
+ integrity sha512-7Jr02ydaq4jaWMZLY+Skn8wL5nVIYpWvmeatOHL3tOcV3Zw8sjnPpx+ZdeBfc457p8jCR9J6YCc+Lga0oIy62A==
dependencies:
- "@jest/environment" "^25.3.0"
- "@jest/fake-timers" "^25.3.0"
- "@jest/types" "^25.3.0"
- jest-mock "^25.3.0"
- jest-util "^25.3.0"
+ "@jest/environment" "^25.5.0"
+ "@jest/fake-timers" "^25.5.0"
+ "@jest/types" "^25.5.0"
+ jest-mock "^25.5.0"
+ jest-util "^25.5.0"
jsdom "^15.2.1"
-jest-environment-node@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-25.3.0.tgz#9845f0e63991e8498448cb0ae804935689533db9"
- integrity sha512-XO09S29Nx1NU7TiMPHMoDIkxoGBuKSTbE+sHp0gXbeLDXhIdhysUI25kOqFFSD9AuDgvPvxWCXrvNqiFsOH33g==
+jest-environment-node@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-25.5.0.tgz#0f55270d94804902988e64adca37c6ce0f7d07a1"
+ integrity sha512-iuxK6rQR2En9EID+2k+IBs5fCFd919gVVK5BeND82fYeLWPqvRcFNPKu9+gxTwfB5XwBGBvZ0HFQa+cHtIoslA==
dependencies:
- "@jest/environment" "^25.3.0"
- "@jest/fake-timers" "^25.3.0"
- "@jest/types" "^25.3.0"
- jest-mock "^25.3.0"
- jest-util "^25.3.0"
+ "@jest/environment" "^25.5.0"
+ "@jest/fake-timers" "^25.5.0"
+ "@jest/types" "^25.5.0"
+ jest-mock "^25.5.0"
+ jest-util "^25.5.0"
semver "^6.3.0"
jest-get-type@^25.2.6:
@@ -3096,18 +3252,19 @@ jest-get-type@^25.2.6:
resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-25.2.6.tgz#0b0a32fab8908b44d508be81681487dbabb8d877"
integrity sha512-DxjtyzOHjObRM+sM1knti6or+eOgcGU4xVSb2HNP1TqO4ahsT+rqZg+nyqHWJSvWgKC5cG3QjGFBqxLghiF/Ig==
-jest-haste-map@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-25.3.0.tgz#b7683031c9c9ddc0521d311564108b244b11e4c6"
- integrity sha512-LjXaRa+F8wwtSxo9G+hHD/Cp63PPQzvaBL9XCVoJD2rrcJO0Zr2+YYzAFWWYJ5GlPUkoaJFJtOuk0sL6MJY80A==
+jest-haste-map@^25.5.1:
+ version "25.5.1"
+ resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-25.5.1.tgz#1df10f716c1d94e60a1ebf7798c9fb3da2620943"
+ integrity sha512-dddgh9UZjV7SCDQUrQ+5t9yy8iEgKc1AKqZR9YDww8xsVOtzPQSMVLDChc21+g29oTRexb9/B0bIlZL+sWmvAQ==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
+ "@types/graceful-fs" "^4.1.2"
anymatch "^3.0.3"
fb-watchman "^2.0.0"
- graceful-fs "^4.2.3"
- jest-serializer "^25.2.6"
- jest-util "^25.3.0"
- jest-worker "^25.2.6"
+ graceful-fs "^4.2.4"
+ jest-serializer "^25.5.0"
+ jest-util "^25.5.0"
+ jest-worker "^25.5.0"
micromatch "^4.0.2"
sane "^4.0.3"
walker "^1.0.7"
@@ -3115,66 +3272,87 @@ jest-haste-map@^25.3.0:
optionalDependencies:
fsevents "^2.1.2"
-jest-jasmine2@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-25.3.0.tgz#16ae4f68adef65fb45001b26c864bcbcbf972830"
- integrity sha512-NCYOGE6+HNzYFSui52SefgpsnIzvxjn6KAgqw66BdRp37xpMD/4kujDHLNW5bS5i53os5TcMn6jYrzQRO8VPrQ==
+jest-haste-map@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.1.0.tgz#ef31209be73f09b0d9445e7d213e1b53d0d1476a"
+ integrity sha512-WeBS54xCIz9twzkEdm6+vJBXgRBQfdbbXD0dk8lJh7gLihopABlJmIQFdWSDDtuDe4PRiObsjZSUjbJ1uhWEpA==
+ dependencies:
+ "@jest/types" "^26.1.0"
+ "@types/graceful-fs" "^4.1.2"
+ anymatch "^3.0.3"
+ fb-watchman "^2.0.0"
+ graceful-fs "^4.2.4"
+ jest-serializer "^26.1.0"
+ jest-util "^26.1.0"
+ jest-worker "^26.1.0"
+ micromatch "^4.0.2"
+ sane "^4.0.3"
+ walker "^1.0.7"
+ which "^2.0.2"
+ optionalDependencies:
+ fsevents "^2.1.2"
+
+jest-jasmine2@^25.5.4:
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-25.5.4.tgz#66ca8b328fb1a3c5364816f8958f6970a8526968"
+ integrity sha512-9acbWEfbmS8UpdcfqnDO+uBUgKa/9hcRh983IHdM+pKmJPL77G0sWAAK0V0kr5LK3a8cSBfkFSoncXwQlRZfkQ==
dependencies:
"@babel/traverse" "^7.1.0"
- "@jest/environment" "^25.3.0"
- "@jest/source-map" "^25.2.6"
- "@jest/test-result" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/environment" "^25.5.0"
+ "@jest/source-map" "^25.5.0"
+ "@jest/test-result" "^25.5.0"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
co "^4.6.0"
- expect "^25.3.0"
+ expect "^25.5.0"
is-generator-fn "^2.0.0"
- jest-each "^25.3.0"
- jest-matcher-utils "^25.3.0"
- jest-message-util "^25.3.0"
- jest-runtime "^25.3.0"
- jest-snapshot "^25.3.0"
- jest-util "^25.3.0"
- pretty-format "^25.3.0"
+ jest-each "^25.5.0"
+ jest-matcher-utils "^25.5.0"
+ jest-message-util "^25.5.0"
+ jest-runtime "^25.5.4"
+ jest-snapshot "^25.5.1"
+ jest-util "^25.5.0"
+ pretty-format "^25.5.0"
throat "^5.0.0"
-jest-leak-detector@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-25.3.0.tgz#5b6bf04903b35be56038915a55f47291771f769f"
- integrity sha512-jk7k24dMIfk8LUSQQGN8PyOy9+J0NAfHZWiDmUDYVMctY8FLJQ1eQ8+PjMoN8PgwhLIggUqgYJnyRFvUz3jLRw==
+jest-leak-detector@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-25.5.0.tgz#2291c6294b0ce404241bb56fe60e2d0c3e34f0bb"
+ integrity sha512-rV7JdLsanS8OkdDpZtgBf61L5xZ4NnYLBq72r6ldxahJWWczZjXawRsoHyXzibM5ed7C2QRjpp6ypgwGdKyoVA==
dependencies:
jest-get-type "^25.2.6"
- pretty-format "^25.3.0"
+ pretty-format "^25.5.0"
-jest-matcher-utils@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-25.3.0.tgz#76765788a26edaa8bc5f0100aea52ae383559648"
- integrity sha512-ZBUJ2fchNIZt+fyzkuCFBb8SKaU//Rln45augfUtbHaGyVxCO++ANARdBK9oPGXU3hEDgyy7UHnOP/qNOJXFUg==
+jest-matcher-utils@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-25.5.0.tgz#fbc98a12d730e5d2453d7f1ed4a4d948e34b7867"
+ integrity sha512-VWI269+9JS5cpndnpCwm7dy7JtGQT30UHfrnM3mXl22gHGt/b7NkjBqXfbhZ8V4B7ANUsjK18PlSBmG0YH7gjw==
dependencies:
chalk "^3.0.0"
- jest-diff "^25.3.0"
+ jest-diff "^25.5.0"
jest-get-type "^25.2.6"
- pretty-format "^25.3.0"
+ pretty-format "^25.5.0"
-jest-message-util@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-25.3.0.tgz#e3836826fe5ca538a337b87d9bd2648190867f85"
- integrity sha512-5QNy9Id4WxJbRITEbA1T1kem9bk7y2fD0updZMSTNHtbEDnYOGLDPAuFBhFgVmOZpv0n6OMdVkK+WhyXEPCcOw==
+jest-message-util@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-25.5.0.tgz#ea11d93204cc7ae97456e1d8716251185b8880ea"
+ integrity sha512-ezddz3YCT/LT0SKAmylVyWWIGYoKHOFOFXx3/nA4m794lfVUskMcwhip6vTgdVrOtYdjeQeis2ypzes9mZb4EA==
dependencies:
"@babel/code-frame" "^7.0.0"
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
"@types/stack-utils" "^1.0.1"
chalk "^3.0.0"
+ graceful-fs "^4.2.4"
micromatch "^4.0.2"
slash "^3.0.0"
stack-utils "^1.0.1"
-jest-mock@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-25.3.0.tgz#d72644509e40987a732a9a2534a1054f4649402c"
- integrity sha512-yRn6GbuqB4j3aYu+Z1ezwRiZfp0o9om5uOcBovVtkcRLeBCNP5mT0ysdenUsxAHnQUgGwPOE1wwhtQYe6NKirQ==
+jest-mock@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-25.5.0.tgz#a91a54dabd14e37ecd61665d6b6e06360a55387a"
+ integrity sha512-eXWuTV8mKzp/ovHc5+3USJMYsTBhyQ+5A1Mak35dey/RG8GlM4YWVylZuGgVXinaW6tpvk/RSecmF37FKUlpXA==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
jest-pnp-resolver@^1.2.1:
version "1.2.1"
@@ -3186,158 +3364,197 @@ jest-regex-util@^25.2.6:
resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-25.2.6.tgz#d847d38ba15d2118d3b06390056028d0f2fd3964"
integrity sha512-KQqf7a0NrtCkYmZZzodPftn7fL1cq3GQAFVMn5Hg8uKx/fIenLEobNanUxb7abQ1sjADHBseG/2FGpsv/wr+Qw==
-jest-resolve-dependencies@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-25.3.0.tgz#b0e4ae053dd44ddacc18c6ee12b5b7c28e445a90"
- integrity sha512-bDUlLYmHW+f7J7KgcY2lkq8EMRqKonRl0XoD4Wp5SJkgAxKJnsaIOlrrVNTfXYf+YOu3VCjm/Ac2hPF2nfsCIA==
- dependencies:
- "@jest/types" "^25.3.0"
- jest-regex-util "^25.2.6"
- jest-snapshot "^25.3.0"
+jest-regex-util@^26.0.0:
+ version "26.0.0"
+ resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
+ integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==
-jest-resolve@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-25.3.0.tgz#cb90a5bbea54a02eccdbbf4126a819595dcf91d6"
- integrity sha512-IHoQAAybulsJ+ZgWis+ekYKDAoFkVH5Nx/znpb41zRtpxj4fr2WNV9iDqavdSm8GIpMlsfZxbC/fV9DhW0q9VQ==
+jest-resolve-dependencies@^25.5.4:
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-25.5.4.tgz#85501f53957c8e3be446e863a74777b5a17397a7"
+ integrity sha512-yFmbPd+DAQjJQg88HveObcGBA32nqNZ02fjYmtL16t1xw9bAttSn5UGRRhzMHIQbsep7znWvAvnD4kDqOFM0Uw==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
+ jest-regex-util "^25.2.6"
+ jest-snapshot "^25.5.1"
+
+jest-resolve@^25.5.1:
+ version "25.5.1"
+ resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-25.5.1.tgz#0e6fbcfa7c26d2a5fe8f456088dc332a79266829"
+ integrity sha512-Hc09hYch5aWdtejsUZhA+vSzcotf7fajSlPA6EZPE1RmPBAD39XtJhvHWFStid58iit4IPDLI/Da4cwdDmAHiQ==
+ dependencies:
+ "@jest/types" "^25.5.0"
browser-resolve "^1.11.3"
chalk "^3.0.0"
+ graceful-fs "^4.2.4"
jest-pnp-resolver "^1.2.1"
+ read-pkg-up "^7.0.1"
realpath-native "^2.0.0"
- resolve "^1.15.1"
+ resolve "^1.17.0"
+ slash "^3.0.0"
-jest-runner@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.3.0.tgz#673ef2ac79d2810eb6b2c1a3f82398375a3d1174"
- integrity sha512-csDqSC9qGHYWDrzrElzEgFbteztFeZJmKhSgY5jlCIcN0+PhActzRNku0DA1Xa1HxGOb0/AfbP1EGJlP4fGPtA==
+jest-runner@^25.5.4:
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.5.4.tgz#ffec5df3875da5f5c878ae6d0a17b8e4ecd7c71d"
+ integrity sha512-V/2R7fKZo6blP8E9BL9vJ8aTU4TH2beuqGNxHbxi6t14XzTb+x90B3FRgdvuHm41GY8ch4xxvf0ATH4hdpjTqg==
dependencies:
- "@jest/console" "^25.3.0"
- "@jest/environment" "^25.3.0"
- "@jest/test-result" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/console" "^25.5.0"
+ "@jest/environment" "^25.5.0"
+ "@jest/test-result" "^25.5.0"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
exit "^0.1.2"
- graceful-fs "^4.2.3"
- jest-config "^25.3.0"
+ graceful-fs "^4.2.4"
+ jest-config "^25.5.4"
jest-docblock "^25.3.0"
- jest-haste-map "^25.3.0"
- jest-jasmine2 "^25.3.0"
- jest-leak-detector "^25.3.0"
- jest-message-util "^25.3.0"
- jest-resolve "^25.3.0"
- jest-runtime "^25.3.0"
- jest-util "^25.3.0"
- jest-worker "^25.2.6"
+ jest-haste-map "^25.5.1"
+ jest-jasmine2 "^25.5.4"
+ jest-leak-detector "^25.5.0"
+ jest-message-util "^25.5.0"
+ jest-resolve "^25.5.1"
+ jest-runtime "^25.5.4"
+ jest-util "^25.5.0"
+ jest-worker "^25.5.0"
source-map-support "^0.5.6"
throat "^5.0.0"
-jest-runtime@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.3.0.tgz#af4d40dbcc590fa5de9910cb6a120a13d131050b"
- integrity sha512-gn5KYB1wxXRM3nfw8fVpthFu60vxQUCr+ShGq41+ZBFF3DRHZRKj3HDWVAVB4iTNBj2y04QeAo5cZ/boYaPg0w==
+jest-runtime@^25.5.4:
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.5.4.tgz#dc981fe2cb2137abcd319e74ccae7f7eeffbfaab"
+ integrity sha512-RWTt8LeWh3GvjYtASH2eezkc8AehVoWKK20udV6n3/gC87wlTbE1kIA+opCvNWyyPeBs6ptYsc6nyHUb1GlUVQ==
dependencies:
- "@jest/console" "^25.3.0"
- "@jest/environment" "^25.3.0"
- "@jest/source-map" "^25.2.6"
- "@jest/test-result" "^25.3.0"
- "@jest/transform" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/console" "^25.5.0"
+ "@jest/environment" "^25.5.0"
+ "@jest/globals" "^25.5.2"
+ "@jest/source-map" "^25.5.0"
+ "@jest/test-result" "^25.5.0"
+ "@jest/transform" "^25.5.1"
+ "@jest/types" "^25.5.0"
"@types/yargs" "^15.0.0"
chalk "^3.0.0"
collect-v8-coverage "^1.0.0"
exit "^0.1.2"
glob "^7.1.3"
- graceful-fs "^4.2.3"
- jest-config "^25.3.0"
- jest-haste-map "^25.3.0"
- jest-message-util "^25.3.0"
- jest-mock "^25.3.0"
+ graceful-fs "^4.2.4"
+ jest-config "^25.5.4"
+ jest-haste-map "^25.5.1"
+ jest-message-util "^25.5.0"
+ jest-mock "^25.5.0"
jest-regex-util "^25.2.6"
- jest-resolve "^25.3.0"
- jest-snapshot "^25.3.0"
- jest-util "^25.3.0"
- jest-validate "^25.3.0"
+ jest-resolve "^25.5.1"
+ jest-snapshot "^25.5.1"
+ jest-util "^25.5.0"
+ jest-validate "^25.5.0"
realpath-native "^2.0.0"
slash "^3.0.0"
strip-bom "^4.0.0"
yargs "^15.3.1"
-jest-serializer@^25.2.6:
- version "25.2.6"
- resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-25.2.6.tgz#3bb4cc14fe0d8358489dbbefbb8a4e708ce039b7"
- integrity sha512-RMVCfZsezQS2Ww4kB5HJTMaMJ0asmC0BHlnobQC6yEtxiFKIxohFA4QSXSabKwSggaNkqxn6Z2VwdFCjhUWuiQ==
+jest-serializer@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-25.5.0.tgz#a993f484e769b4ed54e70e0efdb74007f503072b"
+ integrity sha512-LxD8fY1lByomEPflwur9o4e2a5twSQ7TaVNLlFUuToIdoJuBt8tzHfCsZ42Ok6LkKXWzFWf3AGmheuLAA7LcCA==
+ dependencies:
+ graceful-fs "^4.2.4"
-jest-snapshot@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-25.3.0.tgz#d4feb457494f4aaedcc83fbbf1ca21808fc3df71"
- integrity sha512-GGpR6Oro2htJPKh5RX4PR1xwo5jCEjtvSPLW1IS7N85y+2bWKbiknHpJJRKSdGXghElb5hWaeQASJI4IiRayGg==
+jest-serializer@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.1.0.tgz#72a394531fc9b08e173dc7d297440ac610d95022"
+ integrity sha512-eqZOQG/0+MHmr25b2Z86g7+Kzd5dG9dhCiUoyUNJPgiqi38DqbDEOlHcNijyfZoj74soGBohKBZuJFS18YTJ5w==
+ dependencies:
+ graceful-fs "^4.2.4"
+
+jest-snapshot@^25.5.1:
+ version "25.5.1"
+ resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-25.5.1.tgz#1a2a576491f9961eb8d00c2e5fd479bc28e5ff7f"
+ integrity sha512-C02JE1TUe64p2v1auUJ2ze5vcuv32tkv9PyhEb318e8XOKF7MOyXdJ7kdjbvrp3ChPLU2usI7Rjxs97Dj5P0uQ==
dependencies:
"@babel/types" "^7.0.0"
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
"@types/prettier" "^1.19.0"
chalk "^3.0.0"
- expect "^25.3.0"
- jest-diff "^25.3.0"
+ expect "^25.5.0"
+ graceful-fs "^4.2.4"
+ jest-diff "^25.5.0"
jest-get-type "^25.2.6"
- jest-matcher-utils "^25.3.0"
- jest-message-util "^25.3.0"
- jest-resolve "^25.3.0"
+ jest-matcher-utils "^25.5.0"
+ jest-message-util "^25.5.0"
+ jest-resolve "^25.5.1"
make-dir "^3.0.0"
natural-compare "^1.4.0"
- pretty-format "^25.3.0"
+ pretty-format "^25.5.0"
semver "^6.3.0"
-jest-util@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-25.3.0.tgz#e3b0064165818f10d78514696fd25efba82cf049"
- integrity sha512-dc625P/KS/CpWTJJJxKc4bA3A6c+PJGBAqS8JTJqx4HqPoKNqXg/Ec8biL2Z1TabwK7E7Ilf0/ukSEXM1VwzNA==
+jest-util@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-25.5.0.tgz#31c63b5d6e901274d264a4fec849230aa3fa35b0"
+ integrity sha512-KVlX+WWg1zUTB9ktvhsg2PXZVdkI1NBevOJSkTKYAyXyH4QSvh+Lay/e/v+bmaFfrkfx43xD8QTfgobzlEXdIA==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
chalk "^3.0.0"
+ graceful-fs "^4.2.4"
is-ci "^2.0.0"
make-dir "^3.0.0"
-jest-validate@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-25.3.0.tgz#eb95fdee0039647bcd5d4be641b21e4a142a880c"
- integrity sha512-3WuXgIZ4HXUvW6gk9twFFkT9j6zUorKnF2oEY8VEsHb7x5LGvVlN3WUsbqazVKuyXwvikO2zFJ/YTySMsMje2w==
+jest-util@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.1.0.tgz#80e85d4ba820decacf41a691c2042d5276e5d8d8"
+ integrity sha512-rNMOwFQevljfNGvbzNQAxdmXQ+NawW/J72dmddsK0E8vgxXCMtwQ/EH0BiWEIxh0hhMcTsxwAxINt7Lh46Uzbg==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^26.1.0"
+ chalk "^4.0.0"
+ graceful-fs "^4.2.4"
+ is-ci "^2.0.0"
+ micromatch "^4.0.2"
+
+jest-validate@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-25.5.0.tgz#fb4c93f332c2e4cf70151a628e58a35e459a413a"
+ integrity sha512-okUFKqhZIpo3jDdtUXUZ2LxGUZJIlfdYBvZb1aczzxrlyMlqdnnws9MOxezoLGhSaFc2XYaHNReNQfj5zPIWyQ==
+ dependencies:
+ "@jest/types" "^25.5.0"
camelcase "^5.3.1"
chalk "^3.0.0"
jest-get-type "^25.2.6"
leven "^3.1.0"
- pretty-format "^25.3.0"
+ pretty-format "^25.5.0"
-jest-watcher@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-25.3.0.tgz#fd03fd5ca52f02bd3161ab177466bf1bfdd34e5c"
- integrity sha512-dtFkfidFCS9Ucv8azOg2hkiY3sgJEHeTLtGFHS+jfBEE7eRtrO6+2r1BokyDkaG2FOD7485r/SgpC1MFAENfeA==
+jest-watcher@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-25.5.0.tgz#d6110d101df98badebe435003956fd4a465e8456"
+ integrity sha512-XrSfJnVASEl+5+bb51V0Q7WQx65dTSk7NL4yDdVjPnRNpM0hG+ncFmDYJo9O8jaSRcAitVbuVawyXCRoxGrT5Q==
dependencies:
- "@jest/test-result" "^25.3.0"
- "@jest/types" "^25.3.0"
+ "@jest/test-result" "^25.5.0"
+ "@jest/types" "^25.5.0"
ansi-escapes "^4.2.1"
chalk "^3.0.0"
- jest-util "^25.3.0"
+ jest-util "^25.5.0"
string-length "^3.1.0"
-jest-worker@^25.2.6:
- version "25.2.6"
- resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-25.2.6.tgz#d1292625326794ce187c38f51109faced3846c58"
- integrity sha512-FJn9XDUSxcOR4cwDzRfL1z56rUofNTFs539FGASpd50RHdb6EVkhxQqktodW2mI49l+W3H+tFJDotCHUQF6dmA==
+jest-worker@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-25.5.0.tgz#2611d071b79cea0f43ee57a3d118593ac1547db1"
+ integrity sha512-/dsSmUkIy5EBGfv/IjjqmFxrNAUpBERfGs1oHROyD7yxjG/w+t0GOJDX8O1k32ySmd7+a5IhnJU2qQFcJ4n1vw==
+ dependencies:
+ merge-stream "^2.0.0"
+ supports-color "^7.0.0"
+
+jest-worker@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.1.0.tgz#65d5641af74e08ccd561c240e7db61284f82f33d"
+ integrity sha512-Z9P5pZ6UC+kakMbNJn+tA2RdVdNX5WH1x+5UCBZ9MxIK24pjYtFt96fK+UwBTrjLYm232g1xz0L3eTh51OW+yQ==
dependencies:
merge-stream "^2.0.0"
supports-color "^7.0.0"
jest@^25.1.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/jest/-/jest-25.3.0.tgz#7a5e59741d94b8662664c77a9f346246d6bf228b"
- integrity sha512-iKd5ShQSHzFT5IL/6h5RZJhApgqXSoPxhp5HEi94v6OAw9QkF8T7X+liEU2eEHJ1eMFYTHmeWLrpBWulsDpaUg==
+ version "25.5.4"
+ resolved "https://registry.yarnpkg.com/jest/-/jest-25.5.4.tgz#f21107b6489cfe32b076ce2adcadee3587acb9db"
+ integrity sha512-hHFJROBTqZahnO+X+PMtT6G2/ztqAZJveGqz//FnWWHurizkD05PQGzRZOhF3XP6z7SJmL+5tCfW8qV06JypwQ==
dependencies:
- "@jest/core" "^25.3.0"
+ "@jest/core" "^25.5.4"
import-local "^3.0.2"
- jest-cli "^25.3.0"
+ jest-cli "^25.5.4"
"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
version "4.0.0"
@@ -3399,6 +3616,11 @@ jsesc@~0.5.0:
resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
+json-parse-better-errors@^1.0.1:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
+ integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
+
json-schema-traverse@^0.4.1:
version "0.4.1"
resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -3426,12 +3648,10 @@ json5@^2.1.2:
dependencies:
minimist "^1.2.5"
-jsonfile@^6.0.1:
- version "6.0.1"
- resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.0.1.tgz#98966cba214378c8c84b82e085907b40bf614179"
- integrity sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==
- dependencies:
- universalify "^1.0.0"
+jsonfile@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+ integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
optionalDependencies:
graceful-fs "^4.1.6"
@@ -3494,13 +3714,10 @@ levn@^0.3.0, levn@~0.3.0:
prelude-ls "~1.1.2"
type-check "~0.3.2"
-locate-path@^2.0.0:
- version "2.0.0"
- resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
- integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
- dependencies:
- p-locate "^2.0.0"
- path-exists "^3.0.0"
+lines-and-columns@^1.1.6:
+ version "1.1.6"
+ resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
+ integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
locate-path@^3.0.0:
version "3.0.0"
@@ -3527,10 +3744,10 @@ lodash.toarray@^4.4.0:
resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
integrity sha1-JMS/zWsvuji/0FlNsRedjptlZWE=
-lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15:
- version "4.17.15"
- resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
- integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19:
+ version "4.17.19"
+ resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+ integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
lolex@^5.0.0:
version "5.1.2"
@@ -3789,10 +4006,10 @@ node-pre-gyp@^0.12.0:
semver "^5.3.0"
tar "^4"
-node-releases@^1.1.53:
- version "1.1.53"
- resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
- integrity sha512-wp8zyQVwef2hpZ/dJH7SfSrIPD6YoJz6BDQDpGEkcA0s3LpAQoxBIYmfIq6QAhC1DhwsyCgTaTTcONwX8qzCuQ==
+node-releases@^1.1.58:
+ version "1.1.58"
+ resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.58.tgz#8ee20eef30fa60e52755fcc0942def5a734fe935"
+ integrity sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==
nopt@^4.0.1:
version "4.0.1"
@@ -3802,6 +4019,16 @@ nopt@^4.0.1:
abbrev "1"
osenv "^0.1.4"
+normalize-package-data@^2.5.0:
+ version "2.5.0"
+ resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
+ integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
+ dependencies:
+ hosted-git-info "^2.1.4"
+ resolve "^1.10.0"
+ semver "2 || 3 || 4 || 5"
+ validate-npm-package-license "^3.0.1"
+
normalize-path@^2.1.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
@@ -3991,13 +4218,6 @@ p-finally@^2.0.0:
resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561"
integrity sha512-vpm09aKwq6H9phqRQzecoDpD8TmVyGw70qmWlyq5onxY7tqyTTFVvxMykxQSQKILBSFlbXpypIw2T1Ml7+DDtw==
-p-limit@^1.1.0:
- version "1.3.0"
- resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
- integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
- dependencies:
- p-try "^1.0.0"
-
p-limit@^2.0.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.0.tgz#417c9941e6027a9abcba5092dd2904e255b5fbc2"
@@ -4012,13 +4232,6 @@ p-limit@^2.2.0:
dependencies:
p-try "^2.0.0"
-p-locate@^2.0.0:
- version "2.0.0"
- resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
- integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
- dependencies:
- p-limit "^1.1.0"
-
p-locate@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
@@ -4033,11 +4246,6 @@ p-locate@^4.1.0:
dependencies:
p-limit "^2.2.0"
-p-try@^1.0.0:
- version "1.0.0"
- resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
- integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
-
p-try@^2.0.0:
version "2.2.0"
resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -4050,6 +4258,16 @@ parent-module@^1.0.0:
dependencies:
callsites "^3.0.0"
+parse-json@^5.0.0:
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
+ integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+ dependencies:
+ "@babel/code-frame" "^7.0.0"
+ error-ex "^1.3.1"
+ json-parse-better-errors "^1.0.1"
+ lines-and-columns "^1.1.6"
+
parse-passwd@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
@@ -4136,13 +4354,6 @@ pkg-dir@^4.2.0:
dependencies:
find-up "^4.0.0"
-pkg-up@^2.0.0:
- version "2.0.0"
- resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
- integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
- dependencies:
- find-up "^2.1.0"
-
pn@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
@@ -4172,11 +4383,11 @@ postcss-js@^2.0.0:
postcss "^7.0.18"
postcss-nested@^4.1.1:
- version "4.2.1"
- resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.2.1.tgz#4bc2e5b35e3b1e481ff81e23b700da7f82a8b248"
- integrity sha512-AMayXX8tS0HCp4O4lolp4ygj9wBn32DJWXvG6gCv+ZvJrEa00GUxJcJEEzMh87BIe6FrWdYkpR2cuyqHKrxmXw==
+ version "4.2.3"
+ resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.2.3.tgz#c6f255b0a720549776d220d00c4b70cd244136f6"
+ integrity sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==
dependencies:
- postcss "^7.0.21"
+ postcss "^7.0.32"
postcss-selector-parser "^6.0.2"
postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
@@ -4193,10 +4404,19 @@ postcss-value-parser@^3.3.0:
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-postcss-value-parser@^4.0.3:
- version "4.0.3"
- resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz#651ff4593aa9eda8d5d0d66593a2417aeaeb325d"
- integrity sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==
+postcss-value-parser@^4.1.0:
+ version "4.1.0"
+ resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
+ integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
+
+postcss@7.0.32, postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.32:
+ version "7.0.32"
+ resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
+ integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
+ dependencies:
+ chalk "^2.4.2"
+ source-map "^0.6.1"
+ supports-color "^6.1.0"
postcss@^6.0.9:
version "6.0.23"
@@ -4207,15 +4427,6 @@ postcss@^6.0.9:
source-map "^0.6.1"
supports-color "^5.4.0"
-postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.21, postcss@^7.0.27:
- version "7.0.27"
- resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.27.tgz#cc67cdc6b0daa375105b7c424a85567345fc54d9"
- integrity sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==
- dependencies:
- chalk "^2.4.2"
- source-map "^0.6.1"
- supports-color "^6.1.0"
-
prelude-ls@~1.1.2:
version "1.1.2"
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -4233,12 +4444,12 @@ prettier@^1.7.4:
resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
-pretty-format@^25.3.0:
- version "25.3.0"
- resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-25.3.0.tgz#d0a4f988ff4a6cd350342fdabbb809aeb4d49ad5"
- integrity sha512-wToHwF8bkQknIcFkBqNfKu4+UZqnrLn/Vr+wwKQwwvPzkBfDDKp/qIabFqdgtoi5PEnM8LFByVsOrHoa3SpTVA==
+pretty-format@^25.5.0:
+ version "25.5.0"
+ resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-25.5.0.tgz#7873c1d774f682c34b8d48b6743a2bf2ac55791a"
+ integrity sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==
dependencies:
- "@jest/types" "^25.3.0"
+ "@jest/types" "^25.5.0"
ansi-regex "^5.0.0"
ansi-styles "^4.0.0"
react-is "^16.12.0"
@@ -4294,6 +4505,16 @@ punycode@^2.1.0, punycode@^2.1.1:
resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
+purgecss@^2.3.0:
+ version "2.3.0"
+ resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-2.3.0.tgz#5327587abf5795e6541517af8b190a6fb5488bb3"
+ integrity sha512-BE5CROfVGsx2XIhxGuZAT7rTH9lLeQx/6M0P7DTXQH4IUc3BBzs9JUzt4yzGf3JrH9enkeq6YJBe9CTtkm1WmQ==
+ dependencies:
+ commander "^5.0.0"
+ glob "^7.0.0"
+ postcss "7.0.32"
+ postcss-selector-parser "^6.0.2"
+
qs@~6.5.2:
version "6.5.2"
resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
@@ -4314,6 +4535,25 @@ react-is@^16.12.0:
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
+read-pkg-up@^7.0.1:
+ version "7.0.1"
+ resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
+ integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
+ dependencies:
+ find-up "^4.1.0"
+ read-pkg "^5.2.0"
+ type-fest "^0.8.1"
+
+read-pkg@^5.2.0:
+ version "5.2.0"
+ resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
+ integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
+ dependencies:
+ "@types/normalize-package-data" "^2.4.0"
+ normalize-package-data "^2.5.0"
+ parse-json "^5.0.0"
+ type-fest "^0.6.0"
+
readable-stream@^2.0.2, readable-stream@^2.0.6:
version "2.3.6"
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
@@ -4349,13 +4589,6 @@ reduce-css-calc@^2.1.6:
css-unit-converter "^1.1.1"
postcss-value-parser "^3.3.0"
-regenerate-unicode-properties@^8.1.0:
- version "8.1.0"
- resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
- integrity sha512-LGZzkgtLY79GeXLm8Dp0BVLdQlWICzBnJz/ipWUgo59qBaZ+BHtq51P2q1uVZlppMuUAT37SDk39qUbjTWB7bA==
- dependencies:
- regenerate "^1.4.0"
-
regenerate-unicode-properties@^8.2.0:
version "8.2.0"
resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
@@ -4394,18 +4627,6 @@ regexpp@^2.0.1:
resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-regexpu-core@^4.6.0:
- version "4.6.0"
- resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.6.0.tgz#2037c18b327cfce8a6fea2a4ec441f2432afb8b6"
- integrity sha512-YlVaefl8P5BnFYOITTNzDvan1ulLOiXJzCNZxduTIosN17b87h3bvG9yHMoHaRuo88H4mQ06Aodj5VtYGGGiTg==
- dependencies:
- regenerate "^1.4.0"
- regenerate-unicode-properties "^8.1.0"
- regjsgen "^0.5.0"
- regjsparser "^0.6.0"
- unicode-match-property-ecmascript "^1.0.4"
- unicode-match-property-value-ecmascript "^1.1.0"
-
regexpu-core@^4.7.0:
version "4.7.0"
resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
@@ -4418,23 +4639,11 @@ regexpu-core@^4.7.0:
unicode-match-property-ecmascript "^1.0.4"
unicode-match-property-value-ecmascript "^1.2.0"
-regjsgen@^0.5.0:
- version "0.5.0"
- resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.0.tgz#a7634dc08f89209c2049adda3525711fb97265dd"
- integrity sha512-RnIrLhrXCX5ow/E5/Mh2O4e/oa1/jW0eaBKTSy3LaCj+M3Bqvm97GWDp2yUtzIs4LEn65zR2yiYGFqb2ApnzDA==
-
regjsgen@^0.5.1:
version "0.5.1"
resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.1.tgz#48f0bf1a5ea205196929c0d9798b42d1ed98443c"
integrity sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg==
-regjsparser@^0.6.0:
- version "0.6.0"
- resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.0.tgz#f1e6ae8b7da2bae96c99399b868cd6c933a2ba9c"
- integrity sha512-RQ7YyokLiQBomUJuUG8iGVvkgOLxwyZM8k6d3q5SAXpg4r5TZJZigKFvC6PpD+qQ98bCDC5YelPeA3EucDoNeQ==
- dependencies:
- jsesc "~0.5.0"
-
regjsparser@^0.6.4:
version "0.6.4"
resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.4.tgz#a769f8684308401a66e9b529d2436ff4d0666272"
@@ -4536,10 +4745,10 @@ resolve@1.1.7:
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
-resolve@^1.13.1, resolve@^1.14.2, resolve@^1.15.1, resolve@^1.3.2:
- version "1.16.0"
- resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.16.0.tgz#063dc704fa3413e13ac1d0d1756a7cbfe95dd1a7"
- integrity sha512-LarL/PIKJvc09k1jaeT4kQb/8/7P+qV4qSnN2K80AES+OHdfZELAKVOBjxsvtToT/uLOfFbvYvKfZmV8cee7nA==
+resolve@^1.10.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.3.2:
+ version "1.17.0"
+ resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
+ integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
dependencies:
path-parse "^1.0.6"
@@ -4638,16 +4847,16 @@ saxes@^3.1.9:
dependencies:
xmlchars "^2.1.1"
+"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.6.0, semver@^5.7.0:
+ version "5.7.1"
+ resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+ integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
semver@7.0.0:
version "7.0.0"
resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
-semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.6.0, semver@^5.7.0:
- version "5.7.0"
- resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.0.tgz#790a7cf6fea5459bac96110b29b60412dc8ff96b"
- integrity sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==
-
semver@^6.0.0, semver@^6.1.2, semver@^6.3.0:
version "6.3.0"
resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
@@ -4702,6 +4911,13 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
+simple-swizzle@^0.2.2:
+ version "0.2.2"
+ resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+ integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+ dependencies:
+ is-arrayish "^0.3.1"
+
sisteransi@^1.0.0:
version "1.0.2"
resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.2.tgz#ec57d64b6f25c4f26c0e2c7dd23f2d7f12f7e418"
@@ -4803,6 +5019,32 @@ source-map@^0.7.3:
resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
+spdx-correct@^3.0.0:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
+ integrity sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==
+ dependencies:
+ spdx-expression-parse "^3.0.0"
+ spdx-license-ids "^3.0.0"
+
+spdx-exceptions@^2.1.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz#2ea450aee74f2a89bfb94519c07fcd6f41322977"
+ integrity sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==
+
+spdx-expression-parse@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz#99e119b7a5da00e05491c9fa338b7904823b41d0"
+ integrity sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==
+ dependencies:
+ spdx-exceptions "^2.1.0"
+ spdx-license-ids "^3.0.0"
+
+spdx-license-ids@^3.0.0:
+ version "3.0.5"
+ resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz#3694b5804567a458d3c8045842a6358632f62654"
+ integrity sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==
+
split-string@^3.0.1, split-string@^3.0.2:
version "3.1.0"
resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
@@ -5164,6 +5406,11 @@ type-fest@^0.5.2:
resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.5.2.tgz#d6ef42a0356c6cd45f49485c3b6281fc148e48a2"
integrity sha512-DWkS49EQKVX//Tbupb9TFa19c7+MK1XmzkrZUR8TAktmE/DizXoaoJV6TZ/tSIPXipqNiRI6CyAe7x69Jb6RSw==
+type-fest@^0.6.0:
+ version "0.6.0"
+ resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
+ integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
+
type-fest@^0.8.1:
version "0.8.1"
resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
@@ -5189,11 +5436,6 @@ unicode-match-property-ecmascript@^1.0.4:
unicode-canonical-property-names-ecmascript "^1.0.4"
unicode-property-aliases-ecmascript "^1.0.4"
-unicode-match-property-value-ecmascript@^1.1.0:
- version "1.1.0"
- resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz#5b4b426e08d13a80365e0d657ac7a6c1ec46a277"
- integrity sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==
-
unicode-match-property-value-ecmascript@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
@@ -5219,10 +5461,10 @@ uniq@^1.0.1:
resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
-universalify@^1.0.0:
- version "1.0.0"
- resolved "https://registry.yarnpkg.com/universalify/-/universalify-1.0.0.tgz#b61a1da173e8435b2fe3c67d29b9adf8594bd16d"
- integrity sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==
+universalify@^0.1.0:
+ version "0.1.2"
+ resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+ integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
unset-value@^1.0.0:
version "1.0.0"
@@ -5269,10 +5511,10 @@ v8-compile-cache@^2.0.3:
resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz#00f7494d2ae2b688cfe2899df6ed2c54bef91dbe"
integrity sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==
-v8-to-istanbul@^4.0.1:
- version "4.0.1"
- resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-4.0.1.tgz#d6a2a3823b8ff49bdf2167ff2a45d82dff81d02f"
- integrity sha512-x0yZvZAkjJwdD3fPiJzYP37aod0ati4LlmD2RmpKjqewjKAov/u/ytZ8ViIZb07cN4cePKzl9ijiUi7C1LQ8hQ==
+v8-to-istanbul@^4.1.3:
+ version "4.1.3"
+ resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-4.1.3.tgz#22fe35709a64955f49a08a7c7c959f6520ad6f20"
+ integrity sha512-sAjOC+Kki6aJVbUOXJbcR0MnbfjvBzwKZazEJymA2IX49uoOdEdk+4fBq5cXgYgiyKtAyrrJNtBZdOeDIF+Fng==
dependencies:
"@types/istanbul-lib-coverage" "^2.0.1"
convert-source-map "^1.6.0"
@@ -5285,6 +5527,14 @@ v8flags@^3.1.1:
dependencies:
homedir-polyfill "^1.0.1"
+validate-npm-package-license@^3.0.1:
+ version "3.0.4"
+ resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
+ integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
+ dependencies:
+ spdx-correct "^3.0.0"
+ spdx-expression-parse "^3.0.0"
+
verror@1.10.0:
version "1.10.0"
resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"